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

see examples

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
checkedKeys	Controlled checked treeNodes(After setting, defaultCheckedKeys will not work)	String[]	[]
defaultCheckedKeys	default checked treeNodes	String[]	[]
selectedKeys	Controlled selected treeNodes(After setting, defaultSelectedKeys will not work)	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})	-
onDataLoaded	load data asynchronously and the return value should be a promise	function(node)	-
onRightClick	select current treeNode and show customized contextmenu	function({event,node})	-

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 start

Test Case

http://localhost:8003/tests/runner.html?coverage

Coverage

http://localhost:8003/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8003/tests/runner.html?coverage

License

rc-tree is released under the MIT license.