DevExtreme DataGrid:仅在添加中显示项目，而不在编辑弹出窗口中显示项目

Question

我在 Angular 5 中使用了 DevExtreme DataGrid。 "添加"和"编辑"已激活并在弹出窗口中使用。 有 on 字段，它应该只出现在添加弹出窗口中，而不是出现在编辑弹出窗口中。 在正常的数据网格中，它无论如何都是禁用的。

<dxi-column dataField="Staff" [visible]="false">...

如何在"添加"中启用员工字段并在"编辑弹出窗口"中禁用它？

谢谢你的帮助！ 弗兰克

Answer 1

要完成此任务，请使用 onEditorPrepare 或 onEditStart 和 onInitNewRow。请参考下面的代码，其中说明了这两种解决方案的实际应用：

第一个解决方案：

<dx-data-grid 
(onEditorPreparing)="onEditorPreparing($event)">
onEditorPreparing(e) {
if(e.parentType === "dataRow" && e.dataField === "CityID") {
e.editorOptions.disabled = (typeof e.row.data.StateID !== "number");
}
}

第二种解决方案：

onEditingStart(e) {
e.component.columnOption("firstName", "allowEditing", false);
},
onInitNewRow(e) {
e.component.columnOption("firstName", "allowEditing", true);
}