如何使用 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>
列不显示在网格上,而是显示在编辑表单上。
感谢您的帮助。
最佳答案
类似的问题在这里 - 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}"
对您有用。
关于angular - DevExtreme 隐藏列 EditMode Angular2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42830309/