Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
钟摆人-Puppet゜
ant-design-pro
提交
b4fd0e05
A
ant-design-pro
项目概览
钟摆人-Puppet゜
/
ant-design-pro
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
A
ant-design-pro
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
b4fd0e05
编写于
1月 23, 2018
作者:
J
jim chen
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Perfect fix # 744
上级
99f9e59b
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
13 addition
and
6 deletion
+13
-6
src/routes/Forms/TableForm.js
src/routes/Forms/TableForm.js
+13
-6
未找到文件。
src/routes/Forms/TableForm.js
浏览文件 @
b4fd0e05
import
React
,
{
PureComponent
}
from
'
react
'
;
import
Debounce
from
'
lodash-decorators/debounce
'
;
import
Bind
from
'
lodash-decorators/bind
'
;
import
{
Table
,
Button
,
Input
,
message
,
Popconfirm
,
Divider
}
from
'
antd
'
;
import
styles
from
'
./style.less
'
;
...
...
@@ -10,6 +8,7 @@ export default class TableForm extends PureComponent {
this
.
state
=
{
data
:
props
.
value
,
loading
:
false
,
};
}
componentWillReceiveProps
(
nextProps
)
{
...
...
@@ -35,9 +34,7 @@ export default class TableForm extends PureComponent {
}
});
}
@
Bind
()
@
Debounce
(
400
)
toggleEditable
(
e
,
key
)
{
toggleEditable
=
(
e
,
key
)
=>
{
e
.
preventDefault
();
const
newData
=
this
.
state
.
data
.
map
(
item
=>
({
...
item
}));
const
target
=
this
.
getRowByKey
(
key
,
newData
);
...
...
@@ -83,6 +80,9 @@ export default class TableForm extends PureComponent {
}
saveRow
(
e
,
key
)
{
e
.
persist
();
this
.
setState
({
loading
:
true
,
});
// save field when blur input
setTimeout
(()
=>
{
if
(
document
.
activeElement
.
tagName
===
'
INPUT
'
&&
...
...
@@ -102,7 +102,10 @@ export default class TableForm extends PureComponent {
delete
target
.
isNew
;
this
.
toggleEditable
(
e
,
key
);
this
.
props
.
onChange
(
this
.
state
.
data
);
},
10
);
this
.
setState
({
loading
:
false
,
});
},
500
);
}
cancel
(
e
,
key
)
{
this
.
clickedCancel
=
true
;
...
...
@@ -179,6 +182,9 @@ export default class TableForm extends PureComponent {
title
:
'
操作
'
,
key
:
'
action
'
,
render
:
(
text
,
record
)
=>
{
if
(
!!
record
.
editable
&&
this
.
state
.
loading
)
{
return
null
;
}
if
(
record
.
editable
)
{
if
(
record
.
isNew
)
{
return
(
...
...
@@ -214,6 +220,7 @@ export default class TableForm extends PureComponent {
return
(
<
div
>
<
Table
loading
=
{
this
.
state
.
loading
}
columns
=
{
columns
}
dataSource
=
{
this
.
state
.
data
}
pagination
=
{
false
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录