ant-design/components/tree/demo/checkbox.md
2015-08-19 12:18:10 +08:00

37 lines
829 B
Markdown

# 复选框
- order: 1
提供复选框操作功能。
---
````jsx
var Tree = antd.Tree;
var TreeNode = Tree.TreeNode;
function handleCheck(info) {
console.log('check: ', info);
}
function handleSelect(info) {
console.log('select: ', info);
}
React.render(
<Tree defaultExpandAll={true} checkable={true} onCheck={handleCheck} onSelect={handleSelect}>
<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'));
````