On this page

Tree View 树列表组件

Tree View 组件以树形式展现层级结构数据。

基本用法

勾选树节点

自动勾选节点

显示图标

显示动态图标

树节点图标来源于绑定数据，由属性iconField指定。

显示连接线

获取返回值

合并返回值

当选择多条数据时，将具有相同父节点的返回值合并，仅返回共有的父节点

增加和删除树节点

选中数据变化事件

属性

属性名	类型	默认值	说明
columns	`Array<DataColumn>`	`[{field:'name'}]`	显示列
data	`Object`	`[]`	绑定数据，同tree grid属性
treeNodeIconsData	`[Object, String]`	`{}`	同tree grid属性
selectable	`Boolean`	`false`	树表是否支持可选状态
autoCheckChildren	`Boolean`	`true`	选中父节点会自动选中子节点
mergeCascadeValues	`Boolean`	`true`	返回值展示父节点和子节点
showTreeNodeIcons	`Boolean`	`false`	是否显示图标集
showLines	`Boolean`	`false`	是否显示连接线
newDataItem	`Function`	`() => { }`	新增值
lineColor	`String`	'#9399a0'	连接线颜色
cellHeight	`Number`	28	单元格高度
idField	`String`	'id'	标识字段
displayField	`String`	'name'	显示字段
hierarchy	`Object`	`{ hasChildrenField: 'hasChildren', layerField: 'layer', parentIdField: 'parent' }`	分级信息

事件

事件名	回调参数	说明
selectionChange	`Function()`	以选数据切换事件

插槽

TIP

暂无内容