Reactjs 启用禁用反应剑道网格中的字段/控件
我想根据输入禁用React剑道网格中的字段/控件 例如:根据全名中的值选择,我想禁用“出生日期”列 您可以实现以下目标。自定义编辑器接收整个dataItem,并在每次更改dateItem字段时重新呈现 因此,您可以创建一个自定义DatePickerCell,并根据全名的值设置DatePickerDisabled属性。还将BirthDate GridColumn的单元格属性设置为DatePickerCellReactjs 启用禁用反应剑道网格中的字段/控件,reactjs,kendo-ui,kendo-grid,kendo-react-ui,Reactjs,Kendo Ui,Kendo Grid,Kendo React Ui,我想根据输入禁用React剑道网格中的字段/控件 例如:根据全名中的值选择,我想禁用“出生日期”列 您可以实现以下目标。自定义编辑器接收整个dataItem,并在每次更改dateItem字段时重新呈现 因此,您可以创建一个自定义DatePickerCell,并根据全名的值设置DatePickerDisabled属性。还将BirthDate GridColumn的单元格属性设置为DatePickerCell 谢谢你的快速回复。是否有任何方法可以根据下拉选择更改反映其他控件中的值?例如,如果我从下拉
谢谢你的快速回复。是否有任何方法可以根据下拉选择更改反映其他控件中的值?例如,如果我从下拉列表中选择要填充同一行gridYes中的lastname、firstname的全名,则可以为firstname和lastname创建CustomEditor包装输入。然后在CustomEditor的render方法中,根据这个.props.dataItem['FullName']设置输入的值。
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} />