rc-tree 使用文档
2018-02-06 本文已影响0人
pauljun
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'}
