p47502813
/
bee-table
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat: 条件过滤，输入框输入即查询[#605]

This commit is contained in:
yangchch6 2020-07-17 14:37:35 +08:00
parent a0565cc3b1
commit 2a06e5fa8f
8 changed files with 88 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
build/FilterType.js
View File

@ -83,15 +83,21 @@ var FilterType = function (_Component) {
};
_this.changeText = function (val) {
var _this$props2 = _this.props,
onFilterChange = _this$props2.onFilterChange,
dataIndex = _this$props2.dataIndex;
_this.setState({
value: val
}, function () {
onFilterChange(dataIndex, val, _this.state.condition);
});
};
_this.changeTextCall = function (e) {
var _this$props2 = _this.props,
onFilterChange = _this$props2.onFilterChange,
dataIndex = _this$props2.dataIndex;
var _this$props3 = _this.props,
onFilterChange = _this$props3.onFilterChange,
dataIndex = _this$props3.dataIndex;
if (e.keyCode == 13) {
e.target.value !== "" && onFilterChange(dataIndex, e.target.value, _this.state.condition);
@ -105,9 +111,9 @@ var FilterType = function (_Component) {
};
_this.onSelectDropdown = function (item) {
var _this$props3 = _this.props,
onFilterChange = _this$props3.onFilterChange,
dataIndex = _this$props3.dataIndex;
var _this$props4 = _this.props,
onFilterChange = _this$props4.onFilterChange,
dataIndex = _this$props4.dataIndex;
_this.setState({
condition: item.key
@ -117,9 +123,9 @@ var FilterType = function (_Component) {
};
_this.changeNumber = function (value) {
var _this$props4 = _this.props,
onFilterChange = _this$props4.onFilterChange,
dataIndex = _this$props4.dataIndex;
var _this$props5 = _this.props,
onFilterChange = _this$props5.onFilterChange,
dataIndex = _this$props5.dataIndex;
_this.setState({
value: value
@ -144,9 +150,9 @@ var FilterType = function (_Component) {
};
_this.changeSelect = function (value) {
var _this$props5 = _this.props,
onFilterChange = _this$props5.onFilterChange,
dataIndex = _this$props5.dataIndex;
var _this$props6 = _this.props,
onFilterChange = _this$props6.onFilterChange,
dataIndex = _this$props6.dataIndex;
if (onFilterChange) {
onFilterChange(dataIndex, value, _this.state.condition);
@ -173,9 +179,9 @@ var FilterType = function (_Component) {
};
_this.changeDate = function (value) {
var _this$props6 = _this.props,
onFilterChange = _this$props6.onFilterChange,
dataIndex = _this$props6.dataIndex;
var _this$props7 = _this.props,
onFilterChange = _this$props7.onFilterChange,
dataIndex = _this$props7.dataIndex;
if (onFilterChange) {
onFilterChange(dataIndex, value, _this.state.condition);
@ -187,18 +193,18 @@ var FilterType = function (_Component) {
};
_this.renderControl = function (rendertype) {
var _this$props7 = _this.props,
filterInputNumberOptions = _this$props7.filterInputNumberOptions,
filterDropdownIncludeKeys = _this$props7.filterDropdownIncludeKeys,
dataIndex = _this$props7.dataIndex,
filterDropdown = _this$props7.filterDropdown,
filterDropdownType = _this$props7.filterDropdownType,
format = _this$props7.format,
className = _this$props7.className,
onChange = _this$props7.onChange,
onSelectDropdown = _this$props7.onSelectDropdown,
clsPrefix = _this$props7.clsPrefix,
locale = _this$props7.locale;
var _this$props8 = _this.props,
filterInputNumberOptions = _this$props8.filterInputNumberOptions,
filterDropdownIncludeKeys = _this$props8.filterDropdownIncludeKeys,
dataIndex = _this$props8.dataIndex,
filterDropdown = _this$props8.filterDropdown,
filterDropdownType = _this$props8.filterDropdownType,
format = _this$props8.format,
className = _this$props8.className,
onChange = _this$props8.onChange,
onSelectDropdown = _this$props8.onSelectDropdown,
clsPrefix = _this$props8.clsPrefix,
locale = _this$props8.locale;
switch (rendertype) {
case 'text':

2
build/TableHeader.js
View File

@ -880,7 +880,7 @@ var _initialiseProps = function _initialiseProps() {
, clsPrefix: clsPrefix //css前缀
, className: clsPrefix + " filter-text",
dataIndex: dataIndex //字段
, onFilterChange: _this8.handlerFilterChange //输入框回调
, onFilterChange: (0, _throttleDebounce.debounce)(filterDelay || 300, _this8.handlerFilterChange) //输入框回调
, onFilterClear: _this8.handlerFilterClear //清除回调
, filterDropdown: rows[1][index]["filterdropdown"] //是否显示下拉条件
, filterDropdownType: rows[1][index]["filterdropdowntype"] //下拉的条件类型为string,number

10
demo/demolist/Demo1001.js
View File

@ -6,8 +6,6 @@
* demo1001
*/
import React, { Component } from 'react';
import {Icon} from "tinper-bee";
import Table from '../../src';
import dragColumn from '../../src/lib/dragColumn';
@ -55,11 +53,11 @@ const data = [
const DragColumnTable = dragColumn(Table);
const defaultProps22 = {
const defaultProps29 = {
prefixCls: "bee-table"
};
class Demo22 extends Component {
class Demo29 extends Component {
constructor(props) {
super(props);
}
@ -88,5 +86,5 @@ class Demo22 extends Component {
}
}
Demo22.defaultProps = defaultProps22;
export default Demo22;
Demo29.defaultProps = defaultProps29;
export default Demo29;

2
demo/index.js
View File

File diff suppressed because one or more lines are too long

84
dist/demo.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored
View File

File diff suppressed because one or more lines are too long

3
src/FilterType.js
View File

@ -49,8 +49,11 @@ class FilterType extends Component {
*
*/
changeText = (val) => {
let { onFilterChange, dataIndex } = this.props;
this.setState({
value: val
}, () => {
onFilterChange(dataIndex, val, this.state.condition);
});
}

2
src/TableHeader.js
View File

@ -657,7 +657,7 @@ class TableHeader extends Component {
clsPrefix={clsPrefix}//css前缀
className={`${clsPrefix} filter-text`}
dataIndex={dataIndex}//字段
onFilterChange={this.handlerFilterChange}//输入框回调
onFilterChange={debounce(filterDelay || 300, this.handlerFilterChange)}//输入框回调
onFilterClear={this.handlerFilterClear}//清除回调
filterDropdown={rows[1][index]["filterdropdown"]}//是否显示下拉条件
filterDropdownType={rows[1][index]["filterdropdowntype"]}//下拉的条件类型为string,number