文档

树形容器

更新时间:

简介

树形容器组件绑定一个数据源列表,将列表的每一项都作为一个可展开的节点,渲染出一个类似Data的数据容器,可通过嵌套树形容器呈现树形结构数据。用于呈现如目录、组织架构等树形内容。

image

属性配置

树形容器组件属性由以下部分组成:

分类

基础属性

说明

属性

只读

image

通过设置树形容器组件为只读状态,可以实现树形容器组件及其内部拥有只读属性的组件的不可操作状态。

默认展开

image

未勾选默认展开时,在实际页面加载时,树形容器所有节点都是收起状态;勾选默认展开时,在实际页面加载时,树形容器所有节点都是展开状态。

纯文本标题

image

未勾选纯文本标题时,树形容器标题部分为一个可高度定制的容器;勾选纯文本标题时,树形容器标题部分为纯文本。

样式

宽度

image

树形容器组件宽度样式属于页面组件通用属性,关于该部分属性的更多信息,请参见样式

高度

image

树形容器组件高度样式属于页面组件通用属性,请参见关于该部分属性的更多信息,请参见样式

间距

image

树形容器组件间距样式属于页面组件通用属性,关于该部分属性的更多信息,请参见样式

数据

数据源

image

树形容器组件数据源样式属于页面组件通用属性,关于该部分属性的更多信息,请参见数据

需要注意树形容器组件所绑定的数据源必须有一个可以代表当前节点是否可展开的布尔类型字段,详见下文可展开部分。

数据加载时显示loading

image

数据获取时间较长时,可勾选此项,在数据加载完成前页面显示loading图标。

标题

image

仅当“纯文本标题”开启时需要配置,树形容器组件标题相关配置与文本组件相同,有关此部分属性的更多信息,请参阅文本组件中的基础属性部分

可展开

image

必填,接收一个布尔类型字段,当值为false时,该节点左侧隐藏展开按钮。

条件可见性

条件可见性

image

可见性确定组件是否作为页面的一部分最终显示给用户。关于该部分属性的更多信息,请参见条件可见