Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
aca09cf1
A
ant-design
项目概览
wanjj_1210
/
ant-design
与 Fork 源项目一致
从无法访问的项目Fork
通知
10
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
aca09cf1
编写于
10月 15, 2015
作者:
I
ioldfish
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update ant-tree
上级
67a40273
变更
3
隐藏空白更改
内联
并排
Showing
3 changed file
with
71 addition
and
1 deletion
+71
-1
components/tree/demo/special.md
components/tree/demo/special.md
+69
-0
components/tree/index.md
components/tree/index.md
+1
-0
package.json
package.json
+1
-1
未找到文件。
components/tree/demo/special.md
0 → 100644
浏览文件 @
aca09cf1
# 接收外部传参
-
order: 2
受控组件,外部传入参数,控制树对象节点
---
````
jsx
var
Tree
=
antd
.
Tree
;
var
TreeNode
=
Tree
.
TreeNode
;
var
Button
=
antd
.
Button
;
class
TreeDemo
extends
React
.
Component
{
constructor
(
props
)
{
super
(
props
);
[
'
handleClick
'
,
'
handleCheck
'
,
'
handleSelect
'
].
forEach
((
m
)
=>
{
this
[
m
]
=
this
[
m
].
bind
(
this
);
});
this
.
state
=
{
checkedKeys
:
[],
selectedKeys
:
[]
}
}
handleClick
()
{
this
.
setState
({
checkedKeys
:
[
'
p11
'
],
selectedKeys
:
[
'
p21
'
,
'
p11
'
]
})
}
handleCheck
(
info
)
{
console
.
log
(
'
check:
'
,
info
);
this
.
setState
({
checkedKeys
:
[
'
p21
'
],
selectedKeys
:
[
'
p1
'
,
'
p21
'
]
})
}
handleSelect
(
info
)
{
console
.
log
(
'
selected:
'
,
info
);
this
.
setState
({
checkedKeys
:
[
'
p21
'
],
selectedKeys
:
[
'
p21
'
]
})
}
render
()
{
return
(<
div
>
<
Tree
defaultExpandAll
=
{
true
}
checkable
=
{
true
}
onCheck
=
{
this
.
handleCheck
}
checkedKeys
=
{
this
.
state
.
checkedKeys
}
onSelect
=
{
this
.
handleSelect
}
selectedKeys
=
{
this
.
state
.
selectedKeys
}
multiple
>
<
TreeNode
title
=
"parent 1"
key
=
"p1"
>
<
TreeNode
key
=
"p10"
title
=
"leaf"
/>
<
TreeNode
title
=
"parent 1-1"
key
=
"p11"
>
<
TreeNode
title
=
"parent 2-1"
key
=
"p21"
>
<
TreeNode
>
test
</
TreeNode
>
<
TreeNode
title
=
{
<
span
>
sss
</
span
>
}
/>
</
TreeNode
>
<
TreeNode
key
=
"p22"
title
=
"leaf"
/>
</
TreeNode
>
</
TreeNode
>
<
TreeNode
key
=
"p12"
title
=
"leaf"
/>
</
Tree
>
<
Button
type
=
"primary"
size
=
"sm"
onClick
=
{
this
.
handleClick
}
>
点此控制树节点
</
Button
>
</
div
>);
}
}
React
.
render
(<
TreeDemo
/>,
document
.
getElementById
(
'
components-tree-demo-special
'
));
````
components/tree/index.md
浏览文件 @
aca09cf1
...
...
@@ -23,6 +23,7 @@
|defaultCheckedKeys | 默认选中复选框的树节点 | String[] | [] |
|defaultSelectedKeys | 默认选中的树节点 | String[] | [] |
|onCheck | 点击树节点或复选框触发 | function(e:{checked:bool,node,checkedKeys,event}) | - |
|onSelect | 点击树节点触发 | function(e:{checked:bool,node,checkedKeys,event}) | - |
### TreeNode props
...
...
package.json
浏览文件 @
aca09cf1
...
...
@@ -57,7 +57,7 @@
"
rc-table
"
:
"
~3.2.0
"
,
"
rc-tabs
"
:
"
~5.3.2
"
,
"
rc-tooltip
"
:
"
~2.8.0
"
,
"
rc-tree
"
:
"
~0.1
5.4
"
,
"
rc-tree
"
:
"
~0.1
6.2
"
,
"
rc-upload
"
:
"
~1.6.4
"
,
"
rc-util
"
:
"
~2.0.3
"
,
"
react-slick
"
:
"
~0.7.0
"
,
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录