0
732
VistasKendo Angular: ¿cómo obtener datos sobre el evento doubleClick en Kendo Grid?
¿Cómo obtener datos sobre el evento doubleClick en Kendo Grid?
Me gustaría obtener el mismo objeto que busco en el evento seleccionado, que sería un elemento de datos en la posición de IndexRowSelected
HTML:
<kendo-grid #myGrid [data]="gridData" [selectable]="true" (selectionChange)="onSelection($event)" (dblclick)="doubleClickHandler(myGrid, $event)"> </kendo-grid>TS:
onSelection(event){ //dataItem at row selected event.selectedRows[0].dataItem } doubleClickHandler(grid, event){ //get dataItem like onSelection function }ejemplo de objeto dataItem: [{ "id":0, "nombre":"Chai", "categoría": "Bebidas", "precio": "18", "instock": "39"
}] 
Gracias,
federico
1 Respuestas
Responde la pregunta0
Lo que haría sería manejar el evento SelectionChange ( documentación ) para obtener el elemento de datos de la fila seleccionada y luego almacenar el valor en una variable privada.
Luego, cuando maneje el evento de doble clic, simplemente hará referencia al valor de la variable privada.
Plantilla del componente:
<kendo-grid [data]="gridData" [height]="410" [selectable]="true" (dblclick)="onGridDoubleClicked()" (selectionChange)="onGridSelectionChanged($event)"> <!-- column definitions... --> </kendo-grid>Texto mecanografiado del componente:
private selectedRecord: any | undefined; onGridDoubleClicked(): void { // do something with this.selectedRecord } onGridSelectionChanged(e: SelectionEvent): void { if (!e.selectedRows?.length) { return; } this.selectedRecord = e.selectedRows[0].dataItem; }Ejemplo: https://stackblitz.com/edit/angular-n4cn9w-phvv6a?file=app%2Fapp.component.ts