行の削除後にag-gridをアップグレード/リフレッシュするにはどうすればよいですか？

Question

私は行を削除しようとしているグリッドグリッドを持っています... "splice"テクニックを使用してデータソースから行を削除することができました。その後、テーブルをリフレッシュする必要があります。エラーを表示しています。私は、行

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

このようなerroe何かを見せて削除するために使用していたコードである - >未定義のプロパティ「refreshView」を読み込めませんが...行削除後のテーブルで行った変更を見ることができますどのように。

Answer 1

あなたは再びグリッドに行を設定する必要があります：あなたのスプライスの後 を：

gridOptions.api.setRowData(gridOptions.rowData) 

多分これplunkrはAG-グリッドのhttps://plnkr.co/0k4sYa

著者はAG-グリッドフォーラムでこれを説明するのに役立ちます

Answer 2

パフォーマンスを向上させるには、グリッドAPI呼び出しを使用して行を追加/削除します。

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

選択した行削除するには：それは選択された行のコピーである、先頭に行を挿入するには

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

のみ元の行のディープコピー後に新しい行を挿入してください。
それ以外の場合、apiは引き続き同じ行を参照します。
したがって、新しい行を後で削除すると、元の行がグリッドから削除されます。

APIの詳細については、ドキュメントを参照してください。
https://www.ag-grid.com/javascript-grid-insert-remove/