搜索时缺少文本字段值
Textfield Values missing while searching
当我搜索与特定字段匹配的关键字时,我的文本字段值丢失了。发布我使用的材料表库的完整代码。
<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
},
当我搜索与特定字段匹配的关键字时,我的文本字段值丢失了。发布我使用的材料表库的完整代码。
<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
},