Data Grid DevExtreme 如何通过键盘回车在本地添加保存数据？

【问题标题】：How to add save data in local on Data Grid DevExtreme by keyboard Enter?Data Grid DevExtreme 如何通过键盘回车在本地添加保存数据？
【发布时间】：2023-02-05 11:29:06
【问题描述】：

enter image description here

我想在第一次创建行时。输入数据，当您按 Enter 键时，它会将数据本地保存在数据网格中。然后创建新行

enter image description here 我处理事件输入事件。但是后来它没有保存我之前输入的数据 enter image description here

【问题讨论】：

请提供足够的代码，以便其他人可以更好地理解或重现问题。

标签： reactjs datagrid devextreme

【解决方案1】：

存在时间问题。如果在 onKeyDown 事件内调用 saveEditData 方法，数据网格单元格内的文本编辑器不会将输入保存到数据源。 addRow() 方法应该在文本编辑器将输入保存到数据源后调用。

我更喜欢使用 onSaved 事件在使用回车键后添加新行。

例子：

class MyComponent {

    requestNewRow = false;

    handleOnEnterKey(e) {
        if (e.event.originalEvent.key === 'Enter') {
            this.requestNewRow = true;
        }
    }

    handleOnSaved(e) {
        if (this.requestNewRow) {
            this.requestNewRow = false;
            e.component.addRow();
        }
    }
}

【讨论】：