2015-08-06 09:17:40 +08:00
|
|
|
# 基本
|
|
|
|
|
|
|
|
- order: 1
|
|
|
|
|
|
|
|
提供复选框操作功能。
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
````jsx
|
|
|
|
var Tree = antd.Tree;
|
|
|
|
var TreeNode = Tree.TreeNode;
|
2015-08-15 23:45:25 +08:00
|
|
|
function handleCheck(checked, c, checkedKeys) {
|
|
|
|
console.log('checked: ', checked, c );
|
|
|
|
}
|
2015-08-06 09:17:40 +08:00
|
|
|
React.render(
|
2015-08-15 23:45:25 +08:00
|
|
|
<Tree defaultExpandAll={true} checkable={true} onCheck={handleCheck}>
|
2015-08-10 20:23:18 +08:00
|
|
|
<TreeNode title="parent 1">
|
|
|
|
<TreeNode>leaf </TreeNode>
|
|
|
|
<TreeNode title="parent 1-1">
|
|
|
|
<TreeNode title="parent 2-1">
|
2015-08-06 09:17:40 +08:00
|
|
|
<TreeNode>leaf </TreeNode>
|
|
|
|
<TreeNode>leaf </TreeNode>
|
|
|
|
</TreeNode>
|
2015-08-10 20:23:18 +08:00
|
|
|
<TreeNode>leaf </TreeNode>
|
|
|
|
<TreeNode>leaf </TreeNode>
|
|
|
|
</TreeNode>
|
|
|
|
</TreeNode>
|
|
|
|
<TreeNode>leaf </TreeNode>
|
|
|
|
<TreeNode>leaf </TreeNode>
|
|
|
|
</Tree>
|
2015-08-06 09:17:40 +08:00
|
|
|
, document.getElementById('components-tree-demo-checkbox'));
|
|
|
|
````
|