2015-08-19 11:41:44 +08:00
|
|
|
# 可选择
|
2015-08-06 09:17:40 +08:00
|
|
|
|
|
|
|
- order: 1
|
|
|
|
|
|
|
|
提供复选框操作功能。
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
````jsx
|
2015-10-29 13:42:40 +08:00
|
|
|
import { Tree } from 'antd';
|
|
|
|
const TreeNode = Tree.TreeNode;
|
2015-08-19 13:50:26 +08:00
|
|
|
|
2015-08-19 12:18:10 +08:00
|
|
|
function handleCheck(info) {
|
|
|
|
console.log('check: ', info);
|
|
|
|
}
|
2015-08-18 16:03:13 +08:00
|
|
|
|
2015-10-20 16:47:55 +08:00
|
|
|
ReactDOM.render(<div>
|
2015-11-25 17:47:55 +08:00
|
|
|
<Tree defaultExpandAll checkable onCheck={handleCheck}>
|
2015-08-10 20:23:18 +08:00
|
|
|
<TreeNode title="parent 1">
|
2015-08-24 18:12:07 +08:00
|
|
|
<TreeNode title="leaf" />
|
2015-08-10 20:23:18 +08:00
|
|
|
<TreeNode title="parent 1-1">
|
|
|
|
<TreeNode title="parent 2-1">
|
2015-08-24 18:12:07 +08:00
|
|
|
<TreeNode title="leaf" />
|
|
|
|
<TreeNode title="leaf" />
|
2015-08-06 09:17:40 +08:00
|
|
|
</TreeNode>
|
2015-08-24 18:12:07 +08:00
|
|
|
<TreeNode title="leaf" />
|
2015-08-10 20:23:18 +08:00
|
|
|
</TreeNode>
|
|
|
|
</TreeNode>
|
2015-08-24 18:28:00 +08:00
|
|
|
</Tree>
|
2015-08-24 18:12:07 +08:00
|
|
|
</div>
|
2015-08-06 09:17:40 +08:00
|
|
|
, document.getElementById('components-tree-demo-checkbox'));
|
|
|
|
````
|