From f205a1ba5588f68279587dc824174bfe3b25496d Mon Sep 17 00:00:00 2001 From: Faran Javed Date: Wed, 1 Oct 2025 20:07:29 +0500 Subject: [PATCH] [Feat]: #2010 add pagesize event --- .../lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx | 3 +++ .../lowcoder/src/comps/comps/tableComp/tableTypes.tsx | 5 +++++ .../src/comps/comps/tableLiteComp/tableToolbarComp.tsx | 3 +++ .../lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx | 5 +++++ client/packages/lowcoder/src/i18n/locales/en.ts | 1 + 5 files changed, 17 insertions(+) diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx index 6b6f619ef..d29299c1a 100644 --- a/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx +++ b/client/packages/lowcoder/src/comps/comps/tableComp/tableToolbarComp.tsx @@ -871,6 +871,9 @@ export const TableToolbar = memo(function TableToolbar(props: { if (page !== pagination.current) { onEvent("pageChange"); } + if (pageSize !== pagination.pageSize) { + onEvent("pageSizeChange"); + } }} /> {hasChange && toolbar.showUpdateButtons && ( diff --git a/client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx b/client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx index f80bcf3b5..4cea24328 100644 --- a/client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx +++ b/client/packages/lowcoder/src/comps/comps/tableComp/tableTypes.tsx @@ -139,6 +139,11 @@ export const TableEventOptions = [ value: "pageChange", description: trans("table.pageChange"), }, + { + label: trans("table.pageSizeChange"), + value: "pageSizeChange", + description: trans("table.pageSizeChange"), + }, { label: trans("table.refresh"), value: "refresh", diff --git a/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableToolbarComp.tsx b/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableToolbarComp.tsx index 476bffaad..f56c98402 100644 --- a/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableToolbarComp.tsx +++ b/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableToolbarComp.tsx @@ -204,6 +204,9 @@ export const TableToolbar = memo(function TableToolbar(props: { if (page !== pagination.current) { onEvent("pageChange"); } + if (pageSize !== pagination.pageSize) { + onEvent("pageSizeChange"); + } }} /> diff --git a/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx b/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx index 49cca1976..7a16193c9 100644 --- a/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx +++ b/client/packages/lowcoder/src/comps/comps/tableLiteComp/tableTypes.tsx @@ -98,6 +98,11 @@ export const TableEventOptions = [ value: "pageChange", description: trans("table.pageChange"), }, + { + label: trans("table.pageSizeChange"), + value: "pageSizeChange", + description: trans("table.pageSizeChange"), + }, { label: trans("table.refresh"), value: "refresh", diff --git a/client/packages/lowcoder/src/i18n/locales/en.ts b/client/packages/lowcoder/src/i18n/locales/en.ts index 644613901..60095c146 100644 --- a/client/packages/lowcoder/src/i18n/locales/en.ts +++ b/client/packages/lowcoder/src/i18n/locales/en.ts @@ -2146,6 +2146,7 @@ export const en = { "filterChange": "Filter Change", "sortChange": "Sort Change", "pageChange": "Page Change", + "pageSizeChange": "Page Size Change", "refresh": "Refresh", "rowColor": "Conditional row color", "rowColorDesc": "Conditionally Set the Row Color Based on the Optional Variables: CurrentRow, CurrentOriginalIndex, CurrentIndex, ColumnTitle. For Example: '{{ currentRow.id > 3 ? \"green\" : \"red\" }}'",