mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-08-06 07:56:28 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

improve filter style, ref #413

Browse Source
This commit is contained in:
afc163 2015-12-02 11:36:59 +08:00
parent 5e1f611863
commit cd8c6e7154
2 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
components/table/filterDropdown.jsx
View File

@ -2,6 +2,7 @@ import React from 'react';
import Menu from 'rc-menu'; import Menu from 'rc-menu';
import Dropdown from '../dropdown'; import Dropdown from '../dropdown';
import Icon from '../icon'; import Icon from '../icon';
import Checkbox from '../checkbox';
let FilterMenu = React.createClass({ let FilterMenu = React.createClass({
getInitialState() { getInitialState() {
@ -40,10 +41,16 @@ let FilterMenu = React.createClass({
this.setState({ this.setState({
visible: visible visible: visible
}); });
if (!visible) {
this.props.confirmFilter(this.props.column, this.state.selectedKeys);
}
}, },
renderMenus(items) { renderMenus(items) {
let menuItems = items.map((item) => { let menuItems = items.map((item) => {
return <Menu.Item key={item.value}>{item.text}</Menu.Item>; return <Menu.Item key={item.value}>
<Checkbox checked={this.state.selectedKeys.indexOf(item.value) >= 0} />
{item.text}
</Menu.Item>;
}); });
return menuItems; return menuItems;
}, },

10
style/components/table.less
View File

@ -220,16 +220,9 @@
.@{table-prefix-cls}-filter-dropdown { .@{table-prefix-cls}-filter-dropdown {
min-width: 88px; min-width: 88px;
margin-left: -8px; margin-left: -8px;
margin-top: -6px;
.ant-dropdown-menu-item { .ant-dropdown-menu-item {
overflow: hidden; overflow: hidden;
padding: 7px 24px 8px 7px; padding: 7px 8px;
&.ant-dropdown-menu-item-selected {
.selected_icon();
}
&.ant-dropdown-menu-item-selected:after {
padding-right: 8px;
}
} }
a&-link { a&-link {
@ -245,7 +238,6 @@
} }
&.clear { &.clear {
float: right; float: right;
margin-right: -32px;
} }
} }
} }