级联选择是一种选择控件,选项以分组菜单的结构呈现,它通过分组多列的的方式进行展示,具有逻辑顺序,从集合到单项进 […]

级联选择是一种选择控件,选项以分组菜单的结构呈现,它通过分组多列的的方式进行展示,具有逻辑顺序,从集合到单项进行选择。级联选择在选项信息具有层次和联动性的场景中非常重要,对于企业软件的开发不可或缺。那么,级联选择器该如何实现呢?用低代码可以做吗?

三步快速实现级联选择

我们使用星云低代码,在页面上新增一个级联组件,随后在数据面板中配置数据,需要一个list数据,分别配置节点的名称和值,节点ID和父节点ID字段,组件会通过父节点ID和节点ID自动生成树形结构数据。下面是具体操作步骤:

第一步

我们先准备后端的一个列表接口,在开始节点中要进行一次入参和出参的定义,我们定义输出参数为list,然后进行一个数据装载的查询并赋值给输出参数。

第二步

在前端新增一个级联组件

第三步

配置节点的名称和值,节点ID和父节点ID字段,组件会通过父节点ID和节点ID自动生成树形数据结构

第四步

点击保存后预览查看配置效果

星云低代码介绍

星云低代码是一款专门为企业应用的复杂需求打造的专业低代码开发平台,其支持买断或者年租的私有化部署模式,可以满足不同规模企业多样化的试用需求。作为一款专门为企业复杂的功能需求打磨的企业级的低代码开发平台,其支持前后端分离可视化的拖拽开发,包括页面的点击事件也是拖拽开发,让你在面对复杂需求不再束手无措的同时更好地践行了低代码减少开发编写代码量的理念。此外,星云低代码支持标准化接口对接、工作流审批、定时任务、函数脚本等等功能,都是业内非常强大的存在。同样,星云低代码也为个人开发者提供了免费版本,想要试用可以联系400-629-6918