Ag-grid 服务器端分页,客户端排序和过滤

Ag-grid server side pagination with client side sort & filter

提问人:Praveen Kumar 提问时间:8/19/2022 更新时间:8/21/2022 访问量:1037

问:

我正在使用 React Ag-grid 版本。我正在实现服务器端分页,并将以下属性添加到网格中25.3.0

rowModelType='serverSide'
paginationPageSize={PAGE_SIZE}
cacheBlockSize={PAGE_SIZE}
serverSideStoreType={ServerSideStoreType.Partial}

然后,在函数内部,我配置了数据源onGridReady

  const onGridReady = useCallback((params) => {
    params.api.showLoadingOverlay();
    params.api.setServerSideDatasource({
      getRows: (params) => {
        getData()
          .then((data) => {
            params.success({ rowData: data.rowData, rowCount: data.rowCount });
          })
          .catch((e) => {
            params.fail();
          });
      },
    });
  }, []);

这样,服务器端分页就可以正常工作了。但是,ag-grid 预计列过滤和排序也会在服务器中发生。这意味着,每次我单击列标题对其进行排序时,都会触发该函数。但是,我想在网格客户端对记录进行排序和过滤。我希望排序和过滤工作就像它的工作方式一样。我知道它只会过滤/排序我所在的当前页面,但这很好。getRowsrowModelType='clientSide'

请帮忙!! 提前致谢:)

reactjs 分页 服务器端 ag-grid-react

评论

1赞 Konrad 8/22/2022
如果分页是服务器端的,这意味着您当时在前端只有部分数据。因此,您只需要对您拥有的数据部分(一页)进行排序,这是毫无意义的。
0赞 Praveen Kumar 8/22/2022
@KonradLinkowski是的,没错。它不是很实用。但我想看看 Ag-grid 是否可能做到这一点。

答: 暂无答案