JVS低代码表单级联选择组件配置全攻略

在现代的软件应用中，级联选择组件是一种常见且用户友好的交互方式，特别是在处理具有层级关系或分类关系的数据时。JVS低代码表单提供级联选择组件，它能满足复杂的业务场景，级联选择组件的数据来源已不再局限于静态数据，可以通过调用逻辑引擎获取，直接在业务逻辑中组装层级结构数据，通过级联选择器逐级查看并选择。那么接下来我们看下如何配置。

示例演示

配置说明

①：数据逻辑，点击进行逻辑引擎设计。

②：触发条件，选择当前表单的字段作为触发条件，在选择的字段数据变更时触发设置的“数据逻辑”。

③：展示类型，级联选择器、树形选择器。

④：过滤对照，数据过滤参照，级联数据与参照值相等的即过滤，有下级的也一并过滤。

⑤：显示值，选项展示在前端的值。

⑥：传递值，展示值对应的数据传递值。

在级联选择组件中选项值正确回显，需要返回正确的“数组对象”数据结构，且参数名必须与设置的显示值和传递值一致。

数组对象结构:

{

label: '级联组件配置的显示值',

value: '级联组件配置的传递值',

children: []

}

逻辑设计

在线demo：https://frame.bctools.cn/

开源框架：https://gitee.com/software-minister/jvs