Tree props参数说明
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
prefixCls | className | String | 'rc-tree' |
className | 根节点的附加css类 | String | '' |
showLine | 是否显示线 | Boolean | false |
showIcon | 是否展示图标 | Boolean | true |
selectable | 是否可以选择 | Boolean | true |
multiple | 是否支持多选 | Boolean | false |
checkable | 是否支持复选框 | Boolean | false |
defaultExpandAll | 默认是否展开所有父节点 | Boolean | false |
defaultExpandedKeys | 默认展开父节点key值 | String[] | - |
expandedKeys | 展开父节点key值 | String[] | - |
autoExpandParent | 是否自动展开父节点 | Boolean | true |
defaultCheckedKeys | 默认选中节点 | String | - |
checkedKeys | 对照检查treenodes(设置后,defaultcheckedkeys不会工作)。注意:父节点和子节点是相关联的,如果父节点的键存在,则将检查所有子节点,反之亦然。当设置校验和checkstrictly,它应该是一个对象,它包含了halfchecked阵列和阵列 | String[] | - |
checkStrictly | 精确检查节点,父节点和子节点不相关 | Boolean | false |
defaultSelectedKeys | 默认选中复选框节点key值 | String[] | [] |
selectedKeys | 复选框选中key值 | String[] | [] |
onExpand | 父节点展开触发事件 | ||
onCheck | 点击复选框触发 | ||
onSelect | 点击父节点触发 | ||
filterTreeNode | 节点过滤 | ||
loadData | 异步加载数据 | ||
onRightClick | 选择当前节点右键调用 | ||
onMouseEnter | 鼠标进入节点时触发 | ||
onMouseLeave | 鼠标离开节点时触发 | ||
draggable | 是否可以拖动 | Boolean | false |
onDragStart | 拖拽开始触发事件 | ||
onDragEnter | 鼠标按下触发事件 | ||
onDragOver | 拖拽到某元素之上触发事件 | ||
onDragLeave | 拖拽离开元素触发事件 | ||
onDrop | |||
onDragEnd |
TreeNode
注意:如果你有很多TreeNode,比如1000多,
使父节点默认折叠,效果会非常明显,速度非常快。
因为TreeNode隐藏的孩子不会插入到dom中。
参数名 | 描述 | 类型 | 默认 |
---|---|---|---|
className | 节点className | String | '' |
disabled | 节点是否被禁用 | Boolean | false |
disableCheckbox | 是否支持复选框 | Boolean | false |
title | 节点title | String | '---' |
key | String | ||
isLeaf | 是否是子节点 | Boolean | false |
treeNodes的数量可能非常大,但是启用时checkable,它会花费更多的计算时间,所以我们缓存了一些计算(例如this.treeNodesStates),以避免双重计算。但是,这会带来一些限制, 当你异步加载treeNodes时,你应该像这样渲染树 {this.state.treeData.length ? <Tree ...>{this.state.treeData.map(t => <TreeNode ... />)}</Tree> : 'loading tree'}