Kendo UI для вузлів 2 Grid dataBound event - кутова, kendo-ui, kendo-ui-angle2

Чи є спосіб захоплення події DataBound сітки, схожої на ту, яку ми мали в версії jQuery інтерфейсу Kendo. Мені потрібно виконати дію після завантаження даних у сітці.

Існує дія dataStateChange, але ця подія не спрацьовує під час початкового завантаження.

В даний час я використовую функцію таймауту, щоб затримати виконання, але це не є постійним та надійним рішенням.

Дякую.

Відповіді:

Я думаю, цього буде достатньо, щоб використовувати вбудовані інструменти "Кут".

Перш за все, бажано створити новий компонент для сітки:

grid.component.html

<kendo-grid [data]="tableData" #myTable>
<kendo-grid-column field="ListItem" title="List Item">
<ng-template kendoGridCellTemplate let-dataItem>
{{ dataItem.title }}
</ng-template>
</kendo-grid-column>
</kendo-grid>

The ngAfterViewInit життєвий цикл гачка Углова горить після init:

grid.component.ts

import { AfterViewInit, Component, ElementRef, Input, ViewChild } from "@angular/core";

@Component({
selector: "app-table",
templateUrl: `./table.component.html`,
})
export class TableComponent implements AfterViewInit  {
@ViewChild("myTable") myTable: ElementRef;

public ngAfterViewInit() {
console.log("loaded", this.myTable);
}

public tableData = [
{ title: "Number 1", id: "one"},
{ title: "Number 2", id: "two"},
];
}

Ось Стакблітц