正确的查找页面元素
为方便开发者查找和控制页面 DOM,我们在平台的关键 DOM 上添加了devid自定义属性。通过此属性,开发者可以快速查找不同业务页面,如新建页、编辑页、详情页,也可以查找对象字段 DOM。官方对devid做兼容处理,保证可用,如果使用其他dom查找器,平台无法保证兼容性。
为方便开发者查找和控制页面 DOM,我们在平台的关键 DOM 上添加了devid自定义属性。通过此属性,开发者可以快速查找不同业务页面,如新建页、编辑页、详情页,也可以查找对象字段 DOM。官方对devid做兼容处理,保证可用,如果使用其他dom查找器,平台无法保证兼容性。
页面层级结构
- 页面类型:新建页、编辑页、视图页、详情页、记录类型选择页
- 区域:按钮区域、字段区域、相关列表区域
- 元素:按钮、字段
- 区域:按钮区域、字段区域、相关列表区域
页面类型
- devid结构:页面类型+对象前缀(平台具有唯一性,在后台设置对象管理查看)
- 页面类型:新建页(create)、编辑页(edit)、详情页(detail)、记录类型选择页(recordType)
- 对象前缀:客户(001)
- 案例:查看客户新建页-create001

区域
- devid结构:区域名称(不具有唯一性,需要嵌套页面类型使用或其他区域id使用)
- 案例:获取客户对象视图页——》视图刷新按钮

document.querySelector("div[devid='list001'] [devid='refresh-btn']")字段标识
- 结构:一般直接使用字段的id(可以在后台设置查看对象字段id)标识
- 案例:查看客户新建页下的审批状态字段
document.querySelector("div[devid='create001'] [devid='ffe2020B857A7E8kNeHZ']")