我正在使用 Material UI 的数据网格,并使用带有自定义分页组件的服务器端分页。当我选择同一页面上的复选框时,它工作正常,但随着页面的更改,我的选择模型设置为空数组。我在页面更改时调用 api 并更新行和总计数状态
<CustomizedDataGrid
rows={row}
loading={loading}
columns={didColoumn}
autoWidth={true}
scrollbarSize={10}
rowCount={totalCount}
autoHeight={true}
getRowId={(row) => row.didId}
disableColumnMenu
pageSizeOptions={[5, 10, 25, 50, 100]
disableRowSelectionOnClick
onPaginationModelChange={handlePaginationModelChange}
checkboxSelection
onSelectionModelChange={(newSelectionModel) => {
setSelectionModel(newSelectionModel);
}}
paginationMode="server"
pagination
pageSize={5}
slots={{
pagination: CustomPagination,
columnUnsortedIcon: CustomUnsortedIcon,
}}
localeText={{ noRowsLabel: 'No Data Found' }}
/>
我想在更改页面并调用 api 来更新我的行和 toatalCount 状态时保留我的选择模型状态
看起来像一个错误。您必须采取变通措施来修复它。在页面更改的处理程序中:
const handlePageChange = (params: GridPageChangeParams) => {
setSelectionModel([...selectionModel]);
setPage(params.page);
};
[在此输入链接描述]您可以在此处关注问题1