动态修改前端元数据属性原创
金蝶云社区-Lions
Lions
1人赞赏了该文章 464次浏览 未经作者许可,禁止转载编辑于2024年04月01日 09:28:57

当在项目中需要根据逻辑动态的去设置某个控件的边框、颜色、名称等属性时,一般情况下,我们可以通过标品提供的方法去实现。如下面这种

image.png

但是使用这个方法的前提是我们知道设置的属性层级,也就是该怎么构建map集合。

如果我们不知道的情况下,就可以通过下面的方法去寻找。

首先,在浏览器页面打开f12检查页面,然后点击打开要修改的元数据所在的页面,在NetWork下,寻找getMetadata请求。

image.png

,如果打开时没有这个请求,是因为浏览器已经记录的缓存,可以开无痕浏览重新打开,或者修改对应的元数据的随便一个属性,保存后然后再试。

然后,在右边的就是对应元数据层级的一个嵌套了很多层的map集合,每一层的item集合,就是该节点下对应的元数据.

image.png

image.pngid就是元数据的标识。我也试过直接搜索id,但是好像不展开下级的item的话搜索不到.

一层一层的打开item.寻找到对应的控件。

image.pngimage.png

,找到对应元素后,就可以构建map集合了,

image.png,如想要设置边框,那就是一个s层级的map,值是一个b层级的map

image.png

如果要修改caption,那就是

image.png

赞 1