搜索时缺少文本字段值

当我搜索与该特定字段相匹配的关键字时,我的文本字段值会消失。贴出我使用的 materialtable 库的完整代码。

<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}
/>

解决方案:

使用单元格的属性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
},

本文来自投稿,不代表实战宝典立场,如若转载,请注明出处:https://www.shizhanbaodian.com/11001.html

(0)
上一篇 2022年6月17日 下午3:11
下一篇 2022年6月17日 下午3:33

相关推荐

发表评论

登录后才能评论