Reactjs 是否可以使用带有react redux和挂钩的ag grid infinite scroll?
我正在使用,并且正在尝试使用ag grid和work显示数据,但没有任何运气。我做了很多尝试;这是我现在所拥有的-Reactjs 是否可以使用带有react redux和挂钩的ag grid infinite scroll?,reactjs,react-redux,ag-grid,react-hooks,ag-grid-react,Reactjs,React Redux,Ag Grid,React Hooks,Ag Grid React,我正在使用,并且正在尝试使用ag grid和work显示数据,但没有任何运气。我做了很多尝试;这是我现在所拥有的- import React, { useEffect } from 'react'; import { useSelector, useDispatch } from 'react-redux'; import { fetchItems } from './actions'; import { getItems } from './selectors'; let gridApi =
import React, { useEffect } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import { fetchItems } from './actions';
import { getItems } from './selectors';
let gridApi = null;
const MyGrid = () => {
const items = useSelector(getItems);
const datasource = {
getRows: ({
startRow,
endRow,
sortModel,
filterModel,
successCallback
}) => {
const pageSize = endRow - startRow;
const pageNumber = Math.floor(startRow / pageSize) + 1;
dispatch(fetchItems({ pageNumber, pageSize }));
// I think ag-grid expects results to come in successCallback,
// but have now way of knowing when they will come in
}
};
const onGridReady = params => {
gridApi = params.api;
};
return (
<>
<div className="ag-theme-balham">
<AgGridReact
reactNext={true}
rowModelType="infinite"
paginationPageSize={100}
cacheOverflowSize={2}
maxConcurrentDatasourceRequests={2}
maxBlocksInCache={2}
getRowNodeId={item => item.id}
datasource={datasource}
// rowData={items}
onGridReady={onGridReady}
defaultColDef={{ sortable: true }}
>
<AgGridColumn headerName="Name" field="name" />
<AgGridColumn headerName="Street" field="street" />
<AgGridColumn headerName="City" field="city" />
<AgGridColumn headerName="Phone" field="phoneNumber" />
</AgGridReact>
</div>
</>
);
};
};
import React,{useffect}来自“React”;
从“react-redux”导入{useSelector,useDispatch};
从“./actions”导入{fetchItems};
从“./选择器”导入{getItems};
让gridApi=null;
常量MyGrid=()=>{
const items=使用选择器(getItems);
常量数据源={
getRows:({
斯塔特罗,
endRow,
sortModel,
过滤器模型,
成功回调
}) => {
const pageSize=endRow-startRow;
常量页码=数学楼层(起始/页面大小)+1;
分派(fetchItems({pageNumber,pageSize}));
//我认为ag grid希望结果会成功,
//但是现在我们有办法知道他们什么时候会进来
}
};
const onGridReady=params=>{
gridApi=params.api;
};
返回(
项目id}
数据源={datasource}
//rowData={items}
onGridReady={onGridReady}
defaultColDef={{sortable:true}}
>
);
};
};
您找到解决方案了吗?“我也在同一条船上。”VishalJoshi我切换到devextreme反应网格,太棒了。然而,我已经从网格模式转移到了一个更加移动友好的用户界面。我也有同样的问题。ag网格有任何更新吗?