我想根据输入禁用 React kendo 网格中的字段/控件。
问问题
1041 次
1 回答
1
您可以通过使用自定义编辑器来实现所需的行为。接收整个Custom Editor
dataItem 并在 dateItem 字段的每次更改时重新呈现。
因此,您可以创建一个自定义并根据 FullName 的值DatePickerCell
设置 DatePicker 属性。还将 BirthDate 的disabled
属性设置为.cell
GridColumn
DatePickerCell
class DatePickerCell extends React.Component {
handleChange = (e) => {
this.props.onChange({
dataItem: this.props.dataItem,
field: this.props.field,
syntheticEvent: e.syntheticEvent,
value: e.value
});
}
render() {
const dataValue = this.props.dataItem[this.props.field];
if (!this.props.dataItem.inEdit) {
return (
<td>
{this.props.dataItem[this.props.field].toDateString()}
</td>
);
}
return (
<td>
<DatePicker
onChange={this.handleChange}
value={dataValue}
disabled={this.props.dataItem['FullName'] === 'Bradshow, John'}
/>
</td>
);
}
}
<GridColumn field="BirthDate" title="Birth Date" editor="date" format="{0:d}" cell={DatePickerCell} />
于 2018-10-23T08:24:27.687 回答