Wie aktualisiere/aktualisiere ich das AG-Grid nach dem Löschen?

Question

Ich habe ein AG Grid, wo ich versuche, eine Zeile zu löschen ... Ich bin in der Lage, die Zeile aus der Datenquelle mit "Spleiß" -Technik zu entfernen, danach möchte ich die Tabelle aktualisieren.Aber es zeigt Fehler ist der Code, den ich eine Reihe

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(); 
     } 
    } 
} 

Es zeigt erroe so etwas löschen bin mit -> nicht Eigentum ‚refreshView‘ undefinierten lesen kann ... Wie die Änderungen in der Tabelle nach Zeile sehen können löschen .

Answer 1

Sie sollten die Zeilen in das Netz wieder gesetzt: nach dem Spleiß:

gridOptions.api.setRowData(gridOptions.rowData) 

Vielleicht plunkr hilft https://plnkr.co/0k4sYa

Der Autor von ag-grid erklärt dies in dem ag-Grid Forum

Answer 2

Verwenden Sie für eine bessere Leistung Grid-API-Aufrufe zum Hinzufügen/Entfernen von Zeilen. erst nach einer tiefen Kopie der ursprünglichen Reihe

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

Bitte neue Zeile einzufügen:
Um eine Zeile am Anfang einfügen, dass Kopie einer ausgewählten Zeile ist:

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

eine ausgewählte Zeile zu entfernen .
Ansonsten verweist api weiterhin auf die gleiche Zeile.
So entfernt die nachfolgende Entfernung der neuen Zeile die ursprüngliche Zeile aus dem Raster.

Weitere Informationen finden Sie in der Dokumentation.
https://www.ag-grid.com/javascript-grid-insert-remove/