关于前端:JVS低代码配置平台基于树形字典的纯配置实现左树右表

4次阅读

共计 816 个字符,预计需要花费 3 分钟才能阅读完成。

左树右表是咱们在业务管理系统中常见的业务状态,如下图所示,树形构造用于多层级的数据的展现,列表页作为对应数据的横向行级展示。

实现树形的配置有两种模式,一种是依据树形字典配置(简略导入即可),这种配置简略,把动态的树形字典导入到零碎中,一种是以纯配置的模式(依据业务灵便调整),实现一个树形字典的数据模型,再依据左树右表的形式配置。

基于树形字典的配置左树右表

1、进入即可实现树形字典的配置,如下图所示:

2、对字典反对导入、界面调整

3、创立列表页,设置左树右表模式

4、新增表单关联对应零碎字典字段

5、实现列表页字段关联设置

配置成果如下:

基于自定义模型的配置左树右表

1、创立树模型,这个模型是能够依据业务需要灵便独立创立,在模型新增表单中配置相干组件,留神父级目录字段应用下拉组件关联以后模型(此处为文档目录)。

在树模型的新增表单中设置如下:

2、新建列表页(左树右表),页面设置中布局设置抉择目录,字段中退出树模型字段。在新增表单中,树字段应用级联抉择组件,数据类型抉择数据模型,关联模型抉择树模型(此处为文档目录),传递值抉择数据 id。

在新增表单中设置级联组件,组件的数据类型抉择“数据模型”,要害对应的配置的数据模型

3、保留表单后回到列表页,刷新从新加载列表设计页面,能够看到树模型字段呈现可开启“疾速检索”开关,关上开关。返回列表页面(此处为文件治理页面)即可新增数据,抉择对应目录会将数据绑定到对应树节点中。

4、扩大。在列表设计(此处为文件治理页面)中能够对树配置额定按钮,可抉择按钮的类型,触发表单或者逻辑。

此处配置一个表单,设计表单批改一些字段属性。在此示例中,属性表单批改的数据为树模型中字段的数据。

配置的成果如图所示:

能够登录 JVS 的体验地址(frame.bctools.cn),查看更多的性能的配置办法,软开企服,一站式技术供应商。

开源地址:https://gitee.com/software-minister/jvs

正文完
 0