Как установить columnOption зацикливание бросить весь столбец?

Question

Как настроить columnOptions цикл через все в угловом модуле 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, как описано в разделе Функции обратного вызова :

*. Component.html

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

*. Component.ts

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