Kendo Grid динамическое c население заголовка с angular 7 - PullRequest
Новая
       21

Kendo Grid динамическое c население заголовка с angular 7

0 голосов
/ 05 марта 2020

Я разрабатываю сетку кендо с динамическим заголовком столбца c из данных ответа API, я могу найти много идей при использовании jquery, есть ли способ загрузить данные столбцов из класса компонента angular в Шаблон html. Любые ссылки будут делать.

1 Ответ

0 голосов
/ 05 марта 2020

То, что вы ищете, это настройка шаблона заголовка. Вы можете прочитать об этом здесь .

По сути, вы делаете следующее: 

<kendo-grid [data]="gridData">
    <kendo-grid-column field="ProductName">
        <ng-template kendoGridHeaderTemplate let-column let-columnIndex="columnIndex">
              {{column.field}}({{columnIndex}})
        </ng-template>
    </kendo-grid-column>
</kendo-grid>

Внутри шаблона вы можете использовать любые элементы, которые есть в компоненте.

Примечание: Если данные, которые вы используете в шаблоне, обновляются в асинхронном вызове, и вы используете ChangeDetectionStrategy.OnPush, вам нужно добавить changeDetector: ChangeDetectorRef к параметрам вашего конструктора и сообщите детектору изменений, что он должен проверять изменения, используя this.changeDetector.markForCheck().

См. демонстрационную версию здесь .

...