tree ui component for react
- support ie8,ie8+,chrome,firefox,safari
http://localhost:8018/examples/
online example: http://react-component.github.io/tree/examples/
var React = require('react');
var Tree = require('rc-tree');
var TreeNode = Tree.TreeNode;
React.render(
<Tree>
<TreeNode>leaf </TreeNode>
<TreeNode>leaf </TreeNode>
<Tree/>, container);| name | description | type | default |
|---|---|---|---|
| className | additional css class of root dom node | String | '' |
| prefixCls | prefix class | String | '' |
| showLine | whether show line | bool | true |
| showIcon | whether show icon | bool | true |
| multiple | whether multiple select | bool | false |
| checkable | whether support checked | bool/React Node | false |
| defaultExpandAll | expand all treeNodes | bool | false |
| defaultExpandedKeys | expand specific treeNodes | String[] | false |
| defaultCheckedKeys | default checked treeNodes | String[] | [] |
| defaultSelectedKeys | default selected treeNodes | String[] | [] |
| onCheck | click the treeNode/checkbox to fire | function(e:{checked:bool,node,checkedKeys,event}) | - |
| onSelect | click the treeNode to fire | function(e:{selected:bool,node,checkedKeys,event}) | - |
| name | description | type | default |
|---|---|---|---|
| className | additional class to treeNode | String | '' |
| disabled | whether disabled the treeNode | bool | false |
| title | tree/subTree's title | String | '---' |
| key | it's used with tree props's defaultExpandedKeys/defaultCheckedKeys/defaultSelectedKeys | String | treeNode's position |
npm install
npm start
http://localhost:8003/tests/runner.html?coverage
rc-tree is released under the MIT license.