DevExtreme 隐藏列 EditMode Angular2

Question

如何使用 DevExtreme 和 Angular2 在 EditMode 中隐藏 DataGrid 列？

<h3>Test</h3>
<dx-data-grid id="gridContainer" 
[dataSource]="xxx" 
[allowColumnReordering]="true" 
[allowColumnResizing]="true" 
[rowAlternationEnabled]="true">
<dxo-column-chooser [enabled]="true"></dxo-column-chooser>
    <dxi-column dataField="Id" 
    [visible]="false" 
    [width]="50"
    [allowEditing]="false" ></dxi-column>
    <dxi-column dataField="Name"></dxi-column>
    <dxi-column dataField="Type"></dxi-column>
    <dxi-column dataField="Data"></dxi-column>
    <dxo-editing mode="form"
                 [allowUpdating]="true"
                 [allowDeleting]="true"
                 [allowAdding]="true">
    </dxo-editing>
</dx-data-grid>

该列未显示在网格上，但显示在编辑窗体上..

感谢您的帮助。

Answer 1

类似的问题在这里 - hide columns on inserting in data grid devextreme

但在 Angular2 中，方法代码应该如下所示：

<dxi-column dataField="Id" 
    [visible]="false" 
    [width]="50"
    [formItem]="{visible: false}"
    [allowEditing]="false" ></dxi-column>

这一行[formItem]="{visible: false}"对你有用。

DevExtreme 隐藏列 EditMode Angular2

DevExtreme Hide Column EditMode Angular2

grid

devextreme

dx-data-grid

angular