2016-07-05 32 views
0

Ich habe ag-Grid mit meinem React - Typescript Projekt Ich kann Daten setzen und ausgewählte Daten aus der Tabelle, aber ich weiß nicht, wie ein neues leeres Feld hinzufügen und wie das ausgewählte Feld zu entfernen, habe ich auf seinen Dokumenten aber finden nicht gefunden :(Wie kann ich Zeilen in ag-Grid hinzufügen/entfernen?

+1

wie Sie lesen können Dokumentation https://www.ag-grid.com/javascript-grid-api/index.php Sie können setRowData (rows) \t verwenden, um neue Zeilen in das Raster zu setzen. – InferOn

+0

Ahh ich sehe, ich muss eine alte Daten als Referenz verwenden, dann neue rechts oder rechts entfernen? –

+0

Und wenn ich Daten in temporärer Referenz behalten will, muss ich forEachNode verwenden, um zu meinem Array zu schieben –

Antwort

1

setRowData Mit Zeilen so setzen, wenn ich neues leeres Feld hinzugefügt werden soll ich tun, wie

const allNodesData = Array<any>() 
this.gridApi.forEachNode((node) => { 
    allNodesData.push(node.data) 
}) 
allNodesData.push({}) 
this.gridApi.setRowData(allNodesData) 

Und wenn ich will ausgewähltes Feld entfernen ich tun, wie

const selectedNodes = this.gridApi.getSelectedNodes() 
const allNodesData = Array<any>() 
this.gridApi.forEachNode((node) => { 
    if (selectedNodes.indexOf(node) < 0) 
    allNodesData.push(node.data) 
}) 
this.gridApi.setRowData(allNodesData) 
Verwandte Themen