Skip to main content

树视图

1 说明

树形数据展示组件,常用于有层级的数据的展示,比如部门。

2 配置

2.1 数据源

数据源配置参见通用文档数据源配置

树视图组件配置多了节点名称,层级属性, 主键属性等选项

  1. 节点名称:用于标识属性结构数据的 title 字段。
  2. 主键属性:用于标识属性结构数据的 key 字段,即条数据的唯一值。只在数据源使用逻辑的时候出现,当数据源使用数据库的时候默认为 gonggong_id。
  3. 层级属性:用于标识树形结构数据的 children 字段,选择的是领域模型的关联的线。

2.2 加载

数据加载方式,目前仅支持全量加载,即在访问表格时所有数据预先加载好;

2.3 标题

  1. 显示标题:打开此配置后,标题配置输入框才会出现,会在树视图上方出现标题。

  1. 标题:展示的文字配置,直接输入即可

2.4 通用

  1. 显示线:显开启后,树视图将会出现连接线。

  1. 支持选中:开启后将会支持选中树视图的某一个节点。
  2. 支持多选:开启后将会支持选中树视图的多个节点。
  3. 复选框:开启后,将会在树视图的节点前方出现一个 checkbox 供勾选。
  4. 支持搜索:开启后在组件上方将出现一个搜索框,当树的数据中有匹配的数据时将会变色显示。

  1. 单独选中父节点:开启后,整个树视图的父子结构就将脱离,当父级节点的 checkbox 被勾选之后,子节点不再默认被勾选上。
  2. 按钮悬浮显示:开启悬浮后,按钮不随页面滚动而改变位置

2.5 其他配置

可见性请参考可见性配置

样式相关请参考样式配置

点击事件功能配置请参考事件

高级功能请参考高级函数