如何在 react ag 网格中删除行后刷新网格

Question

我正在研究 React ag 网格，我正在使用 ag 网格的无限滚动功能。 我想要可以删除行的功能，网格将立即刷新其数据。 但是 "remove row" 功能不适用于无限滚动。

https://www.ag-grid.com/javascript-grid-infinite-scrolling/#api-inserting-removing-rows

任何人都可以建议我实现这个吗？

谢谢

Answer 1

如果向下滚动一点，就会有提示：

Adding / removing rows directly in the grid for infinite scrolling is not recommended as it will complicate your application. It will make your life easier if you update the data on the server and refresh the block cache.

然后向下滚动到“插入和删除示例”，这里有显示如何删除行的示例代码（使用模拟数据源）：

function removeItem(start, limit) {
    // here you would make a call to your data source to remove the rows
    allOfTheData.splice(start, limit);
    // get fresh data from the source
    gridOptions.api.refreshInfiniteCache();
}

Answer 2

您可以使用以下网格api this.gridApi.setRowData(this.rowData);

如果是从服务器端获取数据，那么先获取数据再调用setRowData()方法。