【问题标题】:Textfield Values missing while searching搜索时缺少文本字段值
【发布时间】:2020-04-09 06:50:23
【问题描述】:

当我搜索与该特定字段匹配的关键字时,我的文本字段值会丢失。发布我使用的材料表库的完整代码。

<MaterialTable
    columns={[
        { title: 'Customer Name', field: 'custName', editable: 'never' },
        { title: 'Order Amount', field: 'orderAmount', render: rowData => 
            <TextField
                size="small"
                required
                onChange={e => {
                    this.props.getUpdatedOrderAmount(e.target.value, rowData)}
                }
                value={this.state.value}
            />
        }
    ]}
    data={data}
/>

【问题讨论】:

  • 您如何使用列。请发布完整的代码。
  • @Sandy 已发布完整代码

标签: reactjs react-redux material-ui material-table


【解决方案1】:

使用单元格的属性 customFilterAndSearch 进行搜索:

{ title: 'Full name', searchable: true, 
  customFilterAndSearch: (filter: any, rowData: any, columnDef: any): boolean => {
    const s = (rowData.firstName + ' ' + rowData.lastName).toLocaleLowerCase();
    return s.indexOf(filter.toLocaleLowerCase()) >= 0;
  },
  render: rowData => rowData.firstName + ' ' + rowData.lastName
},

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2023-03-29
    • 2016-01-12
    • 1970-01-01
    • 1970-01-01
    • 2011-07-02
    • 1970-01-01
    • 2013-08-15
    • 2015-01-12
    相关资源
    最近更新 更多