Ag-Grid React -与Ag-grid服务器侧行模型交互redux

92dk7w1h  于 2023-08-05  发布在  React
关注(0)|答案(1)|浏览(136)

我有一个例子,我需要用一些存储在redux状态中的变量来操作数据。
我使用的是Ag-Grid React,服务器端行模型的问题是当这个状态被更新时,ag grid并不知道这个更新
我什么都试过了
1-useCallback for onGridReady并给予我的redux状态作为依赖项

const onGridReady = useCallback(
    (params: GridReadyEvent) => {
      // pass reference to parent
      setGridRef?.call(null, gridRef);
      // register datasource with the grid
      params.api.setServerSideDatasource(datasource);
    },
    [toolImages]
  );

字符串
2-将redux状态作为参数传入datasource回调

const datasource: IServerSideDatasource = {
    getRows: (params: IServerSideGetRowsParams) => {
      loadData(params.request, params.api.paginationGetPageSize(), toolImages)
        .then((response) => {
          params.success({
            rowData: response.rowData,
            rowCount: response.rowCount,
          });
        })
        .catch(() => {
          params.fail();
        });
    },
  };


3-在我的loadData方法中

const loadData = useCallback(
        (params: IServerSideGetRowsRequest, localPageSize: number, images: any) => {
          console.log('loadData_changed', images);
          return handleLoadData(params, localPageSize, images);
        },
    
        [toolImages]
      );


但这些方法都不管用

vlju58qv

vlju58qv1#

最终对我起作用的是

gridRef.current.context = { ...gridRef.current.context, 'data': data};

字符串
然后通过serverSideParams.api.context检索它

相关问题