ag-grid - グリッドへの新しい行の追加

Question

ag-grid を次のように初期化します。

<ag-grid-ng2 [rowData]="records"></ag-grid-ng2>

records 配列に新しいアイテムを追加した後、ag-grid の行は更新されないままになります。setRowData(records) を呼び出す必要があります。しかし、これは非常に遅く、ag-grid はその状態を失います (フォーカスされたセルのように)。

のデータの変更中に ag-grid の行を更新する別の方法はありますかrowData。

Answer 1

最近、私は新しい機能に気づきましたthis.gridOptions.api.updateRowData(Tranactions)。3 つの配列を持つオブジェクトを渡します。

var transactions = {
    add: [/*array of records you want to add.*/]
    remove: [/*array of records you want to remove.*/]
    update: [/*array of records you want to update.*/]
}

this.gridOptions.api.updateRowData(tranactions);

参照: https://www.ag-grid.com/javascript-grid-data-update/?framework=javascript . (何らかの理由で、そのページで関数updateDataが呼び出されますが、そのような関数は存在しません。むしろ、 と呼ばれupdateRowDataます。)