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

示例演示

图片

配置说明

图片
①:数据逻辑,点击进行逻辑引擎设计。
②:触发条件,选择当前表单的字段作为触发条件,在选择的字段数据变更时触发设置的“数据逻辑”。
③:展示类型,级联选择器、树形选择器。
④:过滤对照,数据过滤参照,级联数据与参照值相等的即过滤,有下级的也一并过滤。
⑤:显示值,选项展示在前端的值。
⑥:传递值,展示值对应的数据传递值。
在级联选择组件中选项值正确回显,需要返回正确的“数组对象”数据结构,且参数名必须与设置的显示值和传递值一致。
数组对象结构:
{
label: '级联组件配置的显示值',
value: '级联组件配置的传递值',
children: []
}

逻辑设计

图片

图片

图片

图片

图片
在线demo:https://frame.bctools.cn/
开源框架:https://gitee.com/software-minister/jvs


软件部长
43 声望6 粉丝

软件研发行业老司机,提供些踩坑的经验而已