Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
4d2ce026
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,发现更多精彩内容 >>
提交
4d2ce026
编写于
7月 10, 2015
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
row selection
上级
40bc7e32
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
109 addition
and
11 deletion
+109
-11
components/table/demo/checkbox.md
components/table/demo/checkbox.md
+0
-10
components/table/demo/row-selection.md
components/table/demo/row-selection.md
+49
-0
components/table/index.jsx
components/table/index.jsx
+60
-1
未找到文件。
components/table/demo/checkbox.md
已删除
100644 → 0
浏览文件 @
40bc7e32
# 选择
-
order: 1
第一列是联动的选择框。
---
````
jsx
````
components/table/demo/row-selection.md
0 → 100644
浏览文件 @
4d2ce026
# 选择
-
order: 1
第一列是联动的选择框。
---
````
jsx
var
Table
=
antd
.
Table
;
var
columns
=
[{
title
:
'
姓名
'
,
dataIndex
:
'
name
'
},
{
title
:
'
年龄
'
,
dataIndex
:
'
age
'
},
{
title
:
'
住址
'
,
dataIndex
:
'
address
'
,
render
:
function
(
text
)
{
return
<
a
href
=
"#"
>
{
text
}
</
a
>;
}
}];
var
data
=
[{
name
:
'
胡彦斌
'
,
age
:
32
,
address
:
'
西湖区湖底公园1号
'
},
{
name
:
'
胡彦祖
'
,
age
:
42
,
address
:
'
西湖区湖底公园1号
'
},
{
name
:
'
李大嘴
'
,
age
:
32
,
address
:
'
西湖区湖底公园1号
'
}];
var
rowSelection
=
{
onSelect
:
function
(
record
,
selected
)
{
console
.
log
(
record
,
selected
);
},
onSelectAll
:
function
(
selected
)
{
console
.
log
(
selected
);
}
};
React
.
render
(<
Table
rowSelection
=
{
rowSelection
}
columns
=
{
columns
}
data
=
{
data
}
/>
,
document
.
getElementById
(
'
components-table-demo-row-selection
'
));
````
components/table/index.jsx
浏览文件 @
4d2ce026
'
use strict
'
;
import
React
from
'
react
'
;
import
Table
from
'
rc-table
'
;
let
AntTable
=
React
.
createClass
({
getInitialState
()
{
return
{
selectedRowKeys
:
[]
};
},
getDefaultProps
()
{
return
{
prefixCls
:
'
ant-table
'
,
useFixedHeader
:
false
useFixedHeader
:
false
,
rowSelection
:
null
};
},
handleSelect
(
e
)
{
let
checked
=
e
.
currentTarget
.
checked
;
let
currentRowIndex
=
e
.
currentTarget
.
parentElement
.
parentElement
.
rowIndex
;
let
selectedRow
=
this
.
props
.
data
[
currentRowIndex
-
1
];
if
(
checked
)
{
this
.
state
.
selectedRowKeys
.
push
(
currentRowIndex
);
}
else
{
this
.
state
.
selectedRowKeys
=
this
.
state
.
selectedRowKeys
.
filter
(
function
(
i
){
return
currentRowIndex
!==
i
;
});
}
this
.
setState
({
selectedRowKeys
:
this
.
state
.
selectedRowKeys
});
if
(
this
.
props
.
rowSelection
.
onSelect
)
{
this
.
props
.
rowSelection
.
onSelect
(
selectedRow
,
checked
);
}
},
handleSelectAllRow
(
e
)
{
let
checked
=
e
.
currentTarget
.
checked
;
this
.
setState
({
selectedRowKeys
:
checked
?
this
.
props
.
data
.
map
(
function
(
item
,
i
)
{
return
i
+
1
;
})
:
[]
});
if
(
this
.
props
.
rowSelection
.
onSelectAll
)
{
this
.
props
.
rowSelection
.
onSelectAll
(
checked
);
}
},
renderSelectionCheckBox
(
value
,
record
,
index
)
{
let
checked
=
this
.
state
.
selectedRowKeys
.
indexOf
(
index
+
1
)
>=
0
;
let
checkbox
=
<
input
type
=
"checkbox"
checked
=
{
checked
}
onChange
=
{
this
.
handleSelect
}
/>;
return
checkbox
;
},
render
()
{
if
(
this
.
props
.
rowSelection
)
{
let
checked
=
this
.
props
.
data
.
every
(
function
(
item
,
i
)
{
return
this
.
state
.
selectedRowKeys
.
indexOf
(
i
+
1
)
>=
0
;
},
this
);
let
checkboxAll
=
<
input
type
=
"checkbox"
checked
=
{
checked
}
onChange
=
{
this
.
handleSelectAllRow
}
/>;
let
selectionColumn
=
{
key
:
'
selection-column
'
,
title
:
checkboxAll
,
render
:
this
.
renderSelectionCheckBox
};
if
(
this
.
props
.
columns
[
0
]
&&
this
.
props
.
columns
[
0
].
key
===
'
selection-column
'
)
{
this
.
props
.
columns
[
0
]
=
selectionColumn
;
}
else
{
this
.
props
.
columns
.
unshift
(
selectionColumn
);
}
}
return
<
Table
{
...
this
.
props
}
/>;
}
});
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录