如何设置 columnOption 循环抛出所有列？

Question

如何设置 columnOptions 遍历 angular devexpress 模块中的所有内容？

目前我一一做的像:

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 中使用方括号为其分配函数，如 Callback Functions 部分所述：

*.component.html

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

*.component.ts

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

如何设置 columnOption 循环抛出所有列？

How to set columnOption looping throw all column?

devexpress

angular7