Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
wanjj_1210
ant-design
提交
2651d80f
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,体验更适合开发者的 AI 搜索 >>
提交
2651d80f
编写于
3月 30, 2016
作者:
A
afc163
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Individual controlled filter
上级
ae9f8d03
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
41 addition
and
25 deletion
+41
-25
components/table/demo/reset-filter.md
components/table/demo/reset-filter.md
+2
-0
components/table/index.jsx
components/table/index.jsx
+39
-25
未找到文件。
components/table/demo/reset-filter.md
浏览文件 @
2651d80f
...
...
@@ -8,6 +8,8 @@
> 2. 只支持同时对一列进行排序,请保证只有一列的 sortOrder 属性是生效的。
> 3. 务必指定 `column.key`。
---
````
jsx
...
...
components/table/index.jsx
浏览文件 @
2651d80f
...
...
@@ -113,18 +113,23 @@ const Table = React.createClass({
selectedRowKeys
:
nextProps
.
rowSelection
.
selectedRowKeys
||
[],
});
}
if
(
this
.
hasSortOrderInColumns
(
nextProps
.
columns
))
{
if
(
this
.
getSortOrderColumns
(
nextProps
.
columns
).
length
>
0
)
{
const
sortState
=
this
.
getSortStateFromColumns
(
nextProps
.
columns
);
if
(
sortState
.
sortColumn
!==
this
.
state
.
sortColumn
||
sortState
.
sortOrder
!==
this
.
state
.
sortOrder
)
{
this
.
setState
(
sortState
);
}
}
if
(
this
.
hasFilteredValueInColumns
(
nextProps
.
columns
))
{
const
filters
=
this
.
getFiltersFromColumns
(
nextProps
.
columns
);
if
(
this
.
isFiltersChanged
(
filters
))
{
this
.
setState
({
filters
});
}
const
filteredValueColumns
=
this
.
getFilteredValueColumns
(
nextProps
.
columns
);
if
(
filteredValueColumns
.
length
>
0
)
{
const
filtersFromColumns
=
this
.
getFiltersFromColumns
(
nextProps
.
columns
);
const
newFilters
=
{
...
this
.
state
.
filters
};
Object
.
keys
(
filtersFromColumns
).
forEach
(
key
=>
{
newFilters
[
key
]
=
filtersFromColumns
[
key
];
});
this
.
setState
({
filters
:
newFilters
});
}
},
...
...
@@ -160,30 +165,26 @@ const Table = React.createClass({
return
filtersChanged
;
},
hasSortOrderIn
Columns
(
columns
)
{
return
(
columns
||
this
.
props
.
columns
).
some
(
column
=>
'
sortOrder
'
in
column
);
getSortOrder
Columns
(
columns
)
{
return
(
columns
||
this
.
props
.
columns
||
[]).
filter
(
column
=>
'
sortOrder
'
in
column
);
},
hasFilteredValueIn
Columns
(
columns
)
{
return
(
columns
||
this
.
props
.
columns
).
some
(
column
=>
'
filteredValue
'
in
column
);
getFilteredValue
Columns
(
columns
)
{
return
(
columns
||
this
.
props
.
columns
||
[]).
filter
(
column
=>
'
filteredValue
'
in
column
);
},
getFiltersFromColumns
(
columns
)
{
let
filters
=
{};
(
columns
||
this
.
props
.
columns
).
forEach
(
col
=>
{
if
(
col
.
filteredValue
)
{
filters
[
this
.
getColumnKey
(
col
)]
=
col
.
filteredValue
;
}
this
.
getFilteredValueColumns
(
columns
).
forEach
(
col
=>
{
filters
[
this
.
getColumnKey
(
col
)]
=
col
.
filteredValue
;
});
return
filters
;
},
getSortedColumn
(
columns
)
{
return
(
columns
||
this
.
props
.
columns
).
filter
(
col
=>
col
.
sortOrder
)[
0
];
},
getSortStateFromColumns
(
columns
)
{
const
sortedColumn
=
this
.
getSortedColumn
(
columns
);
// return fisrt column which sortOrder is not falsy
const
sortedColumn
=
this
.
getSortOrderColumns
(
columns
).
filter
(
col
=>
col
.
sortOrder
)[
0
];
if
(
sortedColumn
)
{
return
{
sortColumn
:
sortedColumn
,
...
...
@@ -230,10 +231,12 @@ const Table = React.createClass({
sortOrder
,
sortColumn
,
};
// Controlled
if
(
!
this
.
hasSortOrderInColumns
()
)
{
if
(
this
.
getSortOrderColumns
()
===
0
)
{
this
.
setState
(
newState
);
}
this
.
props
.
onChange
(...
this
.
prepareParamsArguments
({
...
this
.
state
,
...
newState
}));
},
...
...
@@ -249,15 +252,26 @@ const Table = React.createClass({
delete
filters
[
columnKey
];
}
});
const
newState
=
{
selectionDirty
:
false
,
filters
,
};
// Controlled
if
(
!
this
.
hasFilteredValueInColumns
())
{
this
.
setState
(
newState
);
const
filtersToSetState
=
{
...
filters
};
// Remove filters which is controlled
this
.
getFilteredValueColumns
().
forEach
(
col
=>
{
const
columnKey
=
this
.
getColumnKey
(
col
);
if
(
columnKey
)
{
delete
filtersToSetState
[
columnKey
];
}
});
if
(
Object
.
keys
(
filtersToSetState
).
length
>
0
)
{
newState
.
filters
=
filtersToSetState
;
}
this
.
props
.
onChange
(...
this
.
prepareParamsArguments
({
...
this
.
state
,
...
newState
}));
this
.
setState
(
newState
,
()
=>
{
this
.
props
.
onChange
(...
this
.
prepareParamsArguments
({
...
this
.
state
,
selectionDirty
:
false
,
filters
,
}));
});
},
handleSelect
(
record
,
rowIndex
,
e
)
{
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录