跳到主要内容

Tree 树控件

用于承载有父子关系的结构化内容,提供内容层级的展示。


基础树

可承载存在父子关系的内容的展示,父节点带有展开/折叠操作,提供单个节点的选中标记。常用于系统目录结构、组织架构的展示。

可选择的树

在基础树结构上提供多选框控件,当需要对多个节点进行选择时使用,如选择组织架构中的多个人员。

带操作功能的树

在基础树结构上提供针对节点的操作按钮,当需要对节点进行一系列操作时使用,如增加、删除、修改。

可拖拽的树

将节点拖拽到其他节点内部或前后。

图层结构的树

显示当前容器的图层结构,常用于模板装修。

何时使用

  • 当需要操作的内容需要层级或父子结构展示信息时。

设计布局

  • 在页面中,树通常放置于内容区左侧,与右侧内容产生联动。

搭配指南

  • 与按钮搭配使用,可以通过按钮对树进行管理。按钮控制全局可放置标题右侧、或底部常驻,控制局部可放置在对应结点上。