Come aggiornare/aggiornare la griglia ag dopo l'eliminazione della riga?

Question

Ho una griglia in cui sto cercando di eliminare una riga ... Sono in grado di rimuovere la riga dall'origine dati usando la tecnica "splice", dopo di che voglio aggiornare la tabella.Ma si sta mostrando un errore.Questo è il codice che sto usando per eliminare una riga

selectedvalue={} //this holds the selected row value 
rowData=[]; //this holds all the row data 
onRowSelected(event) { 
    this.selectedvalue = event; 
} 
deletebtn() { 
    for (let i = 0; i < this.rowData.length; i++) { 
     if (this.selectedvalue.node.data.make === this.rowData[i].make) { 
      this.rowData.splice(i, 1); 
      this.gridOptions.api.refreshView(); 
     } 
    } 
} 

sta mostrando erroe qualcosa di simile -> Impossibile leggere proprietà 'refreshView' di non definito ... Come si può vedere le modifiche apportate nella tabella dopo fila cancellare .

Answer 1

È necessario impostare le righe nella griglia di nuovo: dopo la vostra giunzione:

gridOptions.api.setRowData(gridOptions.rowData) 

Forse questo plunkr aiuta https://plnkr.co/0k4sYa

L'autore di ag-grid spiega questo nel forum ag-grid

Answer 2

Per prestazioni migliori, utilizzare le chiamate api della griglia per aggiungere/rimuovere righe.
per inserire una riga all'inizio, che è la copia di una riga selezionata:

var rowData = JSON.parse(JSON.stringify(selectedNode.data)); 
gridOptions.api.insertItemsAtIndex(0, [rowData]); 

Per rimuovere una riga selezionata:

var selectedNodes = gridOptions.api.getSelectedNodes(); 
gridOptions.api.removeItems(selectedNodes); 

prega di inserire nuova riga solo dopo una profonda copia della riga originale .
In caso contrario, api continua a fare riferimento alla stessa riga.
Quindi, la successiva rimozione della nuova riga rimuoverà la riga originale dalla griglia.

Consultare la documentazione per i dettagli delle API.
https://www.ag-grid.com/javascript-grid-insert-remove/