QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

More pagination options; don't make pagination count flash

Browse Source
This commit is contained in:
darin.kelkhoff
2022-09-13 13:21:41 -05:00
parent ea869c01a0
commit 43095d39df
1 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/qqq/pages/entity-list/index.tsx
View File

@ -240,7 +240,6 @@ function EntityList({table}: Props): JSX.Element
setLatestQueryId(thisQueryId); setLatestQueryId(thisQueryId);
console.log(`Issuing query: ${thisQueryId}`); console.log(`Issuing query: ${thisQueryId}`);
setTotalRecords(null);
qController.count(tableName, qFilter).then((count) => qController.count(tableName, qFilter).then((count) =>
{ {
countResults[thisQueryId] = count; countResults[thisQueryId] = count;
@ -687,7 +686,7 @@ function EntityList({table}: Props): JSX.Element
component="div" component="div"
count={totalRecords} count={totalRecords}
page={pageNumber} page={pageNumber}
rowsPerPageOptions={[10, 25, 50]} rowsPerPageOptions={[10, 25, 50, 100, 250]}
rowsPerPage={rowsPerPage} rowsPerPage={rowsPerPage}
onPageChange={(event, value) => handlePageChange(value)} onPageChange={(event, value) => handlePageChange(value)}
onRowsPerPageChange={(event) => handleRowsPerPageChange(Number(event.target.value))} onRowsPerPageChange={(event) => handleRowsPerPageChange(Number(event.target.value))}
@ -782,11 +781,25 @@ function EntityList({table}: Props): JSX.Element
</Menu> </Menu>
); );
///////////////////////////////////////////////////////////////////////////////////////////
// for changes in table controls that don't change the count, call to update the table - //
// but without clearing out totalRecords (so pagination doesn't flash) //
///////////////////////////////////////////////////////////////////////////////////////////
useEffect(() => useEffect(() =>
{ {
setLoading(true); setLoading(true);
updateTable(); updateTable();
}, [pageNumber, rowsPerPage, tableState, columnSortModel, filterModel]); }, [pageNumber, rowsPerPage, columnSortModel]);
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
// for state changes that DO change the filter, call to update the table - and DO clear out the totalRecords //
///////////////////////////////////////////////////////////////////////////////////////////////////////////////
useEffect(() =>
{
setLoading(true);
updateTable();
setTotalRecords(null);
}, [tableState, filterModel]);
useEffect(() => useEffect(() =>
{ {