bee-tree/demo/demolist/Demo1.js

/**
 *
 * @title Tree基本使用事例
 * @description 事例涵盖 checkbox如何选择，disable状态和部分选择状态。checkStrictly为true时，子节点与父节点的选择情况都不会影响到对方
 *
 */


import React, {
	Component
} from 'react';
import Tree from '../../src';

const TreeNode = Tree.TreeNode;

const defaultProps = {
	keys: ['0-0-0', '0-0-1']
}
console.log(Tree);
class Demo1 extends Component {
	constructor(props) {
		super(props);
		const keys = this.props.keys;
		this.state = {
			defaultExpandedKeys: keys,
			defaultSelectedKeys: keys,
			defaultCheckedKeys:keys
			// checkedKeys: {checked:keys},
		};
	}
	onSelect(info) {
		console.log('selected', info);
	}
	onCheck = (checkedKeys) => {
		let self = this;
		console.log('onCheck', checkedKeys);
		const cks = {
			checked: checkedKeys.checked || checkedKeys,
		};
		// this.setState({checkedKeys:cks});
	}

	onDoubleClick=(key,treeNode)=>{
		console.log('---onDblClick---'+key+'--treeNode--'+treeNode);
	}
	render() {
	
		return (
			<Tree className="myCls" showLine checkable
	        defaultExpandedKeys={this.state.defaultExpandedKeys}
					defaultSelectedKeys={this.state.defaultSelectedKeys}
					defaultCheckedKeys = {this.state.defaultCheckedKeys}
					checkStrictly
					onSelect={this.onSelect} onCheck={this.onCheck}
					onDoubleClick={this.onDoubleClick}
	      >
	        <TreeNode title="parent 1" key="0-0" onDoubleClick={this.onDoubleClick}>
	          <TreeNode title="parent 1-0" key="0-0-0" disabled>
	            <TreeNode title="leaf" key="0-0-0-0" disableCheckbox />
	            <TreeNode title="leaf" key="0-0-0-1" />
	          </TreeNode>
	          <TreeNode title="parent 1-1" key="0-0-1">
	            <TreeNode title={<span style={{ color: '#08c' }}>sss</span>} key="0-0-1-0" />
	          </TreeNode>
	        </TreeNode>
	      </Tree>
		);
	}
}

Demo1.defaultProps = defaultProps;


export default Demo1;