树形控件
使用场景
将JSON数据以树的形式进行展示,可做单选多选的操作。
组件图标:
基本属性
序号 |
属性名 |
说明 |
设置器类型 |
可选值 |
默认值 |
支持变量绑定 |
---|---|---|---|---|---|---|
1 |
数据唯一标识 |
树节点唯一标识 |
input输入框 |
- |
- |
√ |
2 |
父子关联选中 |
是否启用关联选中 |
switch开关 |
开/关 |
关 |
√ |
3 |
多选 |
是否启用多选 |
switch开关 |
开/关 |
关 |
√ |
4 |
显示虚线 |
是否显示虚线 |
switch开关 |
开/关 |
关 |
√ |
5 |
默认全部展开 |
是否默认全部展开 |
switch开关 |
开/关 |
关 |
√ |
6 |
最大高度 |
树的最大高度 |
数字输入框 |
- |
大于0的整数 |
√ |
属性详解
默认值
以JSON格式设置树形控件的值,也可通过绑定变量的方式设置。
[ { "label": "一级 1", "children": [ { "label": "二级 1-1", "children": [ { "label": "三级 1-1-1", "children": [ { "label": "四级 1-1-1-1" } ] } ] } ] } ]
高级事件
序号 |
事件名 |
触发条件 |
说明 |
---|---|---|---|
1 |
onCheck |
多选节点选中变化触发 |
多选节点选中变化触发 |
2 |
onNodeClick |
节点被单击时触发 |
节点被单击时触发 |