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

时间:2018-05-30 12:52:50

标签: angular devextreme devextreme-angular

我在Angukar 5中使用DevExtreme DataGrid。 添加和编辑在弹出窗口中激活并使用。 在场上,应该只在Add-popup中出现,而不是在Edit-Popup上出现。 在普通的DataGrid中,无论如何都会被禁用。



<dxi-column dataField="Staff" [visible]="false">...
&#13;
&#13;
&#13;

如何在编辑弹出窗口中添加和禁用人员字段?

谢谢你的帮助! 弗兰克

1 个答案:

答案 0 :(得分:0)

要完成此任务,请使用onEditorPreparingonEditingStartonInitNewRow。请参考下面的代码,其中说明了两种解决方案:

第一个解决方案:

<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);
}