DevExtreme Hide Column 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> 

列未在網格顯示，但在Editform ..

感謝您的幫助。

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}"是對您有用。