ag-grid - 添加具有无限行模型的行

Question

我需要在带有无限滚动的 ag-grid 中添加一个新行。有类似的问题，例如这个 one .但是，我的情况非常不同。
我在 ag-grid 中使用内联编辑，并有一个按钮来添加新行。有一个提交按钮，用户可以按也可以不按。
因此，当新行添加到客户端站点时，不会立即修改服务器上的数据。
当我使用客户端模型时，一切都很简单 - 我从服务器获取行，可以向数组添加新行并在 ag-grid 上调用 setRowData。但是，此功能不适用于无限滚动。如果这很重要，我将使用 angular 2+。
我试图调用 applyTransaction 但是在控制台中出现错误:
g-Grid:updateRowData() 仅适用于 ClientSideRowModel。使用 InfiniteRowModel 在 v23.1 中被弃用并在 v24.1 中移除
似乎 a-grid 只是简单地删除了功能而没有什么可以替换的。

Answer 1

我个人没有使用带有 angular 的 agGrid，但如果您使用的是 infiniteRow型号，您可以使用 setDataSource将强制您的表刷新其数据的方法。setDataSource方法接受具有两个最小参数的对象:

{
  rowCount: null,
  getRows: (params) =>{
    // here you can do your server call or, you can pass the data you want instead.  

  // you also need to do one thing at the end of your row generation, call this method
//`rows` is the array of rows you want to show, `totalRowsNumber` is the number of rows in total, including those that are not shown (the ones in later pages)
params.successCallback(rows, totalRowsNumber);
  
  } 
}

使用 gridApi.setDatasource(dataSourceObject) 设置数据源很简单