Package Exports
- rc-tree
- rc-tree/assets/index.css
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (rc-tree) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
rc-tree
tree ui component for react
Screenshots
Feature
- support ie8,ie8+,chrome,firefox,safari
Example
http://localhost:8018/examples/
online example: http://react-component.github.io/tree/examples/
install
Usage
var React = require('react');
var Tree = require('rc-tree');
var TreeNode = Tree.TreeNode;
React.render(
<Tree>
<TreeNode>leaf </TreeNode>
<TreeNode>leaf </TreeNode>
<Tree/>, container);API
Tree props
| 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}) | - |
TreeNode props
| 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 |
Development
npm install
npm startTest Case
http://localhost:8003/tests/runner.html?coverage
Coverage
License
rc-tree is released under the MIT license.
