¿Hay alguna forma de capturar el evento dataBound de la cuadrícula similar a la que teníamos en la versión jQuery de la interfaz de usuario de Kendo? Necesito realizar una acción después de que los datos se carguen en la cuadrícula.
Hay un evento dataStateChange, pero este evento no se activa durante la carga inicial.
Actualmente, estoy usando una función de tiempo de espera para retrasar la ejecución, pero esta no es una solución permanente y confiable.
Gracias.
Creo que será suficiente usar las herramientas integradas de Angulars para esto.
En primer lugar, es recomendable crear un nuevo componente para la cuadrícula:
grilla.componente.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> El enlace del ciclo de vida ngAfterViewInit de Angular se activará después de init:
rejilla.componente.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'}, ]; } Si el contenido de la matriz cambia, nos gustaría elegir AfterContentChecked , que se ejecuta cada vez que un miembro de la clase ha cambiado y se ha llamado a detectChanges , por así decirlo, cuando el contenido se vuelve a representar durante el ciclo de vida del componente.