下拉框除了单选还能智能联动吗?抓紧收藏!JVS低代码实现多级数据联动的超详细教程,新手也能轻松上手

在日常企业应用开发中,我们经常会遇到需要处理树形层级结构数据的场景,比如组织架构中的部门与子部门、商品分类中的大类与小类、地区信息中的省市区三级联动等。当面对这些数据时,传统的单一下拉框显得有点力不从心,多级下拉联动筛选它能根据用户在前一级下拉框的选择,动态更新后一级下拉框的选项,实现数据的动态联动展示。

在JVS低代码开发的表单引擎中有一个多个下拉筛选展示层级数据的能力,通过直观的配置方式,不需要编写代码就可以实现基于树形模型的多级数据联动。无论是简单的二级联动还是复杂的多级筛选,都能通过可视化操作轻松完成。

构建树形模型数据

对于有树形层级结构的模型数据,我们在使用该数据时,可以通过多个下拉筛选展示层级数据。

配置方式

我们先看一下,由级联组件构建的关联模型数据如下图(关键步骤,需要将模型数据构建为“树形”数据。)

1、使用该模型数据,我进入表单设计,拖取三个下拉框组件数据类型都关联同一模型

①:显示值,取下拉框值的根目录,这样在用户界面上,下拉框展示的是树形数据的顶层信息,让用户能够快速定位到大致的数据范围。

②:传递值:只能是数据id,数据id是数据的唯一标识,在后续的数据处理和联动过程中,通过传递数据id能够准确获取和筛选对应的数据,确保数据关联的准确性。

2、然后目录下拉框,关联同一模型数据

这里开启数据筛选,取上级目录下的数据

3、在目录名称下拉框,同样关联同一模型数据

这里开启数据筛选,取目录层级下的数据。

具体来说,它会根据用户在前两个下拉框中的选择,进一步筛选出符合当前层级关系的数据。例如,当用户在第一个下拉框选择了省份,第二个下拉框选择了该省份下的城市后,第三个下拉框就会展示该城市下的区县信息,从而实现完整的多级联动筛选效果。

全部评论

相关推荐

11-05 10:14
门头沟学院 Java
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务