Reactjs 启用禁用反应剑道网格中的字段/控件

Reactjs 启用禁用反应剑道网格中的字段/控件,reactjs,kendo-ui,kendo-grid,kendo-react-ui,Reactjs,Kendo Ui,Kendo Grid,Kendo React Ui,我想根据输入禁用React剑道网格中的字段/控件 例如:根据全名中的值选择,我想禁用“出生日期”列 您可以实现以下目标。自定义编辑器接收整个dataItem,并在每次更改dateItem字段时重新呈现 因此,您可以创建一个自定义DatePickerCell,并根据全名的值设置DatePickerDisabled属性。还将BirthDate GridColumn的单元格属性设置为DatePickerCell 谢谢你的快速回复。是否有任何方法可以根据下拉选择更改反映其他控件中的值?例如,如果我从下拉

我想根据输入禁用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} />