mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 01:29:11 +08:00
33 lines
816 B
Markdown
33 lines
816 B
Markdown
# 基本
|
|
|
|
- order: 1
|
|
|
|
提供复选框操作功能。
|
|
|
|
---
|
|
|
|
````jsx
|
|
var Tree = antd.Tree;
|
|
var TreeNode = Tree.TreeNode;
|
|
function handleCheck(checked, c, checkedKeys) {
|
|
console.log('checked: ', checked, c );
|
|
}
|
|
React.render(
|
|
<Tree defaultExpandAll={true} checkable={<span className="ant-tree-checkbox-inner"></span>} onCheck={handleCheck}>
|
|
<TreeNode title="parent 1">
|
|
<TreeNode>leaf </TreeNode>
|
|
<TreeNode title="parent 1-1">
|
|
<TreeNode title="parent 2-1">
|
|
<TreeNode>leaf </TreeNode>
|
|
<TreeNode>leaf </TreeNode>
|
|
</TreeNode>
|
|
<TreeNode>leaf </TreeNode>
|
|
<TreeNode>leaf </TreeNode>
|
|
</TreeNode>
|
|
</TreeNode>
|
|
<TreeNode>leaf </TreeNode>
|
|
<TreeNode>leaf </TreeNode>
|
|
</Tree>
|
|
, document.getElementById('components-tree-demo-checkbox'));
|
|
````
|