如何设置列选项循环抛出所有列

Question

如何在 angular devexpress 模块中设置遍历所有columnOptions？

目前我一个接一个地做：

onInitialized(e) {
        e.component.columnOption("Id", {
            allowHeaderFiltering : false -> 1
        })
        e.component.columnOption("Name", {
            allowHeaderFiltering : false -> 2
        })
        e.component.columnOption("SaleAmount", {
            editorOptions: {
                format: "currency",
                showClearButton: true
            }
        });
    } 

如何查看所有列并设置每个列的columnOptionon？

Answer 1

如果您需要使用默认设置初始化列(我相信您需要这样做，因为您提供了onInitialized事件处理程序代码(，请使用 customizeColumns 回调函数。其参数是网格中所有列的数组。因此，您可以像在常规数组中一样遍历所有列。

由于customizeColumns是一个回调函数，因此请使用方括号在 Angular 中为其分配函数，如回调函数部分所述：

*.组件.html

<dx-data-grid [customizeColumns]="customizeColumns">
</dx-data-grid>

*.component.ts

export class AppComponent {
    customizeColumns (columns) {
        columns.forEach(c => c.width = 100);
    }
}