Tree 树控件
用于承载有父子关系的结构化内容,提供内容层级的展示。
基础树
可承载存在父子关系的内容的展示,父节点带有展开/折叠操作,提供单个节点的选中标记。常用于系统目录结构、组织架构的展示。
可选择的树
在基础树结构上提供多选框控件,当需要对多个节点进行选择时使用,如选择组织架构中的多个人员。
带操作功能的树
在基础树结构上提供针对节点的操作按钮,当需要对节点进行一系列操作时使用,如增加、删除、修改。
可拖拽的树
将节点拖拽到其他节点内部或前后。
图层结构的树
显示当前容器的图层结构,常用于模板装修。
何时使用
- 当需要操作的内容需要层级或父子结构展示信息时。
设计布局
- 在页面中,树通常放置于内容区左侧,与右侧内容产生联动。
搭配指南
- 与按钮搭配使用,可以通过按钮对树进行管理。按钮控制全局可放置标题右侧、或底部常驻,控制局部可放置在对应结点上。