midsuit
/
prasi-lib
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixing paging

This commit is contained in:
rizky 2024-08-18 19:49:00 -07:00
parent 6ac0670e78
commit f7f51d12c6
1 changed files with 162 additions and 150 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
comps/list/TableList.tsx
View File

@ -160,12 +160,19 @@ export const TableList: FC<TableListProp> = ({
skip: 0,
timeout: null as any,
total: 0,
last_length: 0,
scroll: (currentTarget: HTMLDivElement) => {
if (local.status === "loading" || !isAtBottom(currentTarget)) return;
if (local.data.length >= local.paging.skip + local.paging.take) {
local.paging.skip += local.paging.take;
local.status = "reload";
local.render();
if (
local.data.length === 0 ||
local.status !== "ready" ||
!isAtBottom(currentTarget) ||
local.reloading
)
return;
if (local.paging.last_length <= local.data.length) {
local.paging.skip = local.data.length;
local.reload();
}
},
},
@ -251,24 +258,28 @@ export const TableList: FC<TableListProp> = ({
}
const result = on_load({ ...load_args, mode: "query" });
const callback = (data: any[]) => {
if (local.paging.skip === 0 || paging !== undefined || paging) {
if (!local.paging || (local.paging && !local.paging.take)) {
local.data = data;
} else {
local.data = [...local.data, ...data];
}
local.paging.last_length = local.data.length;
local.status = "ready";
local.reloading = null;
local.render();
done();
setTimeout(() => {
if (
local.grid_ref &&
!id_parent &&
(paging !== undefined || paging)
)
) {
local.paging.scroll(local.grid_ref);
}
}, 100);
};
if (result instanceof Promise) {
@ -761,7 +772,6 @@ export const TableList: FC<TableListProp> = ({
}
}
console.log('auo')
if (document.getElementsByClassName("prasi-toaster").length === 0) {
const elemDiv = document.createElement("div");
elemDiv.className = "prasi-toaster";
@ -777,6 +787,9 @@ export const TableList: FC<TableListProp> = ({
}
return (
<>
{local.paging.skip} {local.paging.last_length} {local.data.length}{" "}
{local.status}
<div
className={cx(
"table-list c-w-full c-h-full c-flex-1 c-relative c-overflow-hidden",
@ -814,7 +827,6 @@ export const TableList: FC<TableListProp> = ({
clearTimeout(local.paging.timeout);
local.paging.timeout = setTimeout(() => {
local.status = "reload";
local.paging.take = local.paging.take * 3;
local.render();
}, 100);
return <></>;
@ -836,7 +848,6 @@ export const TableList: FC<TableListProp> = ({
local.grid_ref = e?.element as any;
}}
onScroll={(e) => {
console.log("scroll");
local.paging.scroll(e.currentTarget);
}}
selectedRows={EMPTY_SET}
@ -921,6 +932,7 @@ export const TableList: FC<TableListProp> = ({
)}
</div>
</div>
</>
);
} else if (mode === "list") {
return (