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

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

示例演示

配置说明

①:数据逻辑,点击进行逻辑引擎设计。

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

③:展示类型,级联选择器、树形选择器。

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

⑤:显示值,选项展示在前端的值。

⑥:传递值,展示值对应的数据传递值。

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

数组对象结构:

{

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

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

children: []

}

逻辑设计

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

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

全部评论

相关推荐

点赞 收藏 评论
分享
牛客网
牛客企业服务