如何在反应AG网格中删除行后刷新网格

时间:2018-08-01 18:24:01

标签: reactjs react-router ag-grid ag-grid-react

我正在研究React Ag网格,并且正在使用Ag Grid的无限滚动功能。 我希望可以删除行和网格的功能可以立即刷新其数据。 但是“删除行”功能不适用于无限滚动。

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

有人能建议我实现这一目标吗?

谢谢

2 个答案:

答案 0 :(得分:2)

如果向下滚动一点,则有一个提示:

  

直接在网格中添加/删除行以进行无限滚动是   不建议这样做,因为它会使您的应用程序复杂化。它将使   如果您更新服务器上的数据并刷新   块缓存。

然后向下滚动至“插入并删除示例”,其中的示例代码显示了如何删除行(具有模拟的数据源):

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

尝试更仔细地阅读文档,您已经问了几个已经直接回答的问题。字面上所有内容都在您链接到的页面上。

答案 1 :(得分:0)

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

如果要从服务器端获取数据,请先获取数据,然后调用setRowData()方法。