如何快速搭建一个左数右表的单据列表(无代码)原创
金蝶云社区-范老师加油
范老师加油
2人赞赏了该文章 474次浏览 未经作者许可,禁止转载编辑于2023年12月14日 10:54:51

关键词:树形,左树右表,单据列表,低代码

一、需求

在一张单据里面,有个树形基础资料的字段,我们需要把这个字段作为左树,右表则是展示单据里面的其他的字段,查询了社区,发现在社区很多关于搭建左树右表的文章,这些文章都是通过动态表单加插件的,也有在单据列表切换模板+插件的,这种也是可以实现的,下面我另辟蹊径,介绍一种通过无代码的方式构建一个左数右表的单据列表的。

二、思路与方案

研究苍穹标准模块,我们可以发现我们的需求与标准模板里的树形基础资料非常相似,我们参考研究下这个树形基础资料,

知道了这个根源,翻看树形基础资料挂的插件,其核心过滤逻辑都写在kd.bos.form.plugin.TemplateTreePlugin插件中,这里有树的初始化逻辑,以及树节点点击刷新的逻辑,而这些都是依靠一个分组字段实现,那我是不是直接在单据添加一个分组字段就可以了呢,答案却不是,因为编辑器目前如果是单据的话就不会显示分组,那就需要我们把元数据做一些改动,这些可以在下面的实现过程中看到,最后保存好元数据,部署发布。

三、实现过程

有了前面的理论做指导,我们就可以来实现我们的方案,这个步骤分五步走

1  创建一个单据,并在单据上添加一个基础资料控件

image.png


2 修改基础资料的标识为group,并点击单据编辑页面右上角 预览 旁边的 XML进入元数据页面

点击实体元数据,把基础资料的BasedataField 改成GroupField

点击更新元数据,这个好像是需要管理员权限,这里一般只能在开发环境操作的

点击关闭,然后再点 单据编辑页面右上角 预览 旁边的保存按钮

image.png

此时可以看到原来的基础资料已变成了分组 这个字段

image.png



3 在列表页面  列表表单模板 改成bos_templatetreelist


image.png

4   在列表上注册kd.bos.form.plugin.TemplateTreePlugin插件,并保存


image.png


5  验证过程,建几个测试数据,预览一下,


image.png


这样就不写一句代码就实现了左数右表的单据列表了


四、开发环境版本

V5.0.011.0

五、参考资料

开发平台

学习成长中心


赞 2