关于前端:低代码开发重要工具jvs列表页中如何实现左树右表的配置

32次阅读

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

左树右表是一种数据查问展现形式,通常用于解决带有层级关系的查问条件的数据展现。它的根本思维是将一个大表分成左树和右表,左树是一个树形构造,右表是一个扁平的表。通过在左树上建设索引,能够大大提高查问效率。

左树右表的实现形式是先对左表进行分组和排序,而后将右表与左表进行联接。因为左表曾经依照某个字段进行排序,能够利用这个排序后果进行疾速匹配。这种办法防止了对整个大表进行全表扫描,因而可能大大减少查问工夫和资源耗费。

在 JVS 列表页配置中,左树右表有两种配置实现的形式:左侧树的根本信息来源于零碎中提供的树形字典;另外一种形式,左侧的树来源于自定义数据模型;

接下来咱们具体介绍下配置的形式

字典模式

字典模式下的左树右表罕用于全局不常批改的树形数据,这种特点是全局对树形的数据都是统一的。接下来,咱们看看具体的操作配置:
1、进入利用字典界面,如下图所示:

能够导入字典,也能够手动创立字典

2、实现字典配置后,进入列表页的配置界面,抉择左树右表的模式

3、进入列表页的新增上配置新增表单,将对应字段设置为字典,采纳级联组件配置对应字段关联树形字典

在数据创立过程中,关联字典

4、回到列表页配置器中,在表格配置页面,字段上会依据类型判断,如果是一个树形字段,零碎会主动生成疾速检索的开源配置项,将开关设置为启用状态,即可实现左树右表的款式

5、最终成果如下图所示

自定义树模型

在日常业务中,不仅须要固定的数据树形字典用于左树右表,很多状况是树形须要业务人员保护的,那么这种状况下,就须要自定义树模型,那么接下来咱们看看这种模式下的左树右表配置过程:
1、构建一棵树模型
构建树模型能够应用一般列表页进行保护,如下图所示,实质上,各条数据就汇总造成了一棵树形构造

2、进入列表页的配置界面,抉择左树右表的模式

3、将模型中的对应字段设置为树形模型,从列表页的新增按钮中进入表单设计器

4、新增表单配置器中,抉择级联组件、关联字段数据、设置关联模型,保留

5、返回列表页中配置疾速查问

6、(可选)可设置树形字段界面上扩大树形数据,进入 疾速检索的配置按钮,这里实现的逻辑是在树形筛选器上,可设置相干操作按钮

这里的设计是新增树形节点的相干配置,进入对应的设计界面。7、最初配置成果如下:

8、在线 demo:https://frame.bctools.cn/

正文完
 0