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

Try again re: not rendering if columns weren't known; change to use local rowIndex, not one from backend

Browse Source
This commit is contained in:
darin.kelkhoff
2023-04-24 13:07:36 -05:00
parent 472fb03ed0
commit eafaf897e6
2 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/qqq/pages/records/query/RecordQuery.tsx
View File

@ -471,6 +471,11 @@ function RecordQuery({table, launchProcess}: Props): JSX.Element
linkBase += linkBase.endsWith("/") ? "" : "/";
const columns = DataGridUtils.setupGridColumns(tableMetaData, linkBase);
setColumnsModel(columns);
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// let the next render (since columnsModel is watched below) build the filter, using the new columnsModel (in case of joins) //
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
return;
}
//////////////////////////////////////////////////////////////////////////////////////////////////
@ -535,16 +540,6 @@ function RecordQuery({table, launchProcess}: Props): JSX.Element
}
}
///////////////////////////////////////////////////////////////////////////////////////////////////////
// before we can issue the query, we must have the columns model (to figure out if we need to join). //
// so, if we don't have it, then return and let a later call do it. //
///////////////////////////////////////////////////////////////////////////////////////////////////////
if(!columnsModel || columnsModel.length == 0)
{
console.log("Returning before issuing query, because no columnsModel.");
return;
}
//////////////////////////////////////////////////////////////////////////////////////////////////
// assign a new query id to the query being issued here. then run both the count & query async //
// and when they load, store their results associated with this id. //
@ -1575,7 +1570,7 @@ function RecordQuery({table, launchProcess}: Props): JSX.Element
setTotalRecords(null);
setDistinctRecords(null);
updateTable();
}, [tableState, filterModel]);
}, [columnsModel, tableState, filterModel]);
useEffect(() =>
{
@ -1692,7 +1687,7 @@ function RecordQuery({table, launchProcess}: Props): JSX.Element
sortingOrder={["asc", "desc"]}
sortModel={columnSortModel}
getRowClassName={(params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "even" : "odd")}
getRowId={(row) => row.__qRowIndex}
getRowId={(row) => row.__rowIndex}
/>
</Box>
</Card>