Tengo una cuadrícula con un orden predeterminado en una columna y tengo problemas para obtener las filas siguientes/anteriores al agregar o restar del ID de fila seleccionado actualmente.
Aquí está la columna con el orden predeterminado
{ headerName: "Created", field: "createdOn", cellRenderer: (params) => { return WebModule.Utils.dateFormat(params.value); }, sort: "desc", width: 125 },Y aquí está mi lógica para obtener la fila anterior/siguiente
class ResultModal { constructor(params) { this.params = params let rowIndex = params.rowIndex; this.previousRow = params.api.getRowNode(rowIndex - 1); this.nextRow = params.api.getRowNode(rowIndex + 1); this.result = params.data; } }Paso todo el objeto ag-grid params a un modal para poder navegar por los registros de la cuadrícula desde los botones en el modal.
El problema es que si ejecuto la lógica anterior con la segunda fila seleccionada, params.rowIndex es 1, obtengo nextRow con (1+1) pero el índice de nextRow rowIndex algo así como 2245 (tengo muchos datos en el cuadrícula).
Así que termino seleccionando una fila enterrada en lo profundo de la cuadrícula en lugar de la tercera fila real que se muestra.
¿Necesito usar algo más que getRowNode cuando la cuadrícula está ordenada/filtrada?
Terminé usando api.getDisplayedRowAtIndex()
let node = params.api.getSelectedNodes()[0]; let rowIndex = node.rowIndex; this.previousRow = params.api.getDisplayedRowAtIndex(rowIndex - 1); this.nextRow = params.api.getDisplayedRowAtIndex(rowIndex + 1);Esto realmente obtiene la fila anterior y la siguiente, independientemente de las opciones de clasificación/filtro.
Una posible solución podría ser utilizar
gridOptions.api.forEachNodeAfterFilterAndSort
que itera sobre las filas a medida que se muestran. Tenga en cuenta que la devolución de llamada pasa el propio RowNode y el índice de fila en la cuadrícula.
function forEachNodeAfterFilterAndSort( callback: (rowNode: RowNode, index: number) => void ): void;https://www.ag-grid.com/javascript-data-grid/grid-api/#reference-rowNodes