Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

Merge branch 'fix/page-sel-row' into 'release'

Browse Source 
Fixing the selected row issue due to pagination

See merge request theappsmith/internal-tools-client!257
This commit is contained in:
Satbir Singh 2020-01-23 12:15:11 +00:00
commit b1015e7c0b
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/client/src/components/designSystems/syncfusion/TableComponent.tsx
View File

@ -12,6 +12,7 @@ import {
CommandColumn, CommandColumn,
CommandModel, CommandModel,
CommandClickEventArgs, CommandClickEventArgs,
PageSettingsModel,
} from "@syncfusion/ej2-react-grids"; } from "@syncfusion/ej2-react-grids";
import React, { useRef, MutableRefObject, useEffect, memo } from "react"; import React, { useRef, MutableRefObject, useEffect, memo } from "react";
import styled from "constants/DefaultTheme"; import styled from "constants/DefaultTheme";
@ -42,6 +43,7 @@ const settings: SelectionSettingsModel = {
type GridRef = MutableRefObject<GridComponent | null>; type GridRef = MutableRefObject<GridComponent | null>;
function reCalculatePageSize(grid: GridRef, height: number) { function reCalculatePageSize(grid: GridRef, height: number) {
console.log("");
if (grid.current) { if (grid.current) {
const rowHeight: number = grid.current.getRowHeight(); const rowHeight: number = grid.current.getRowHeight();
/** Grid height */ /** Grid height */
@ -101,7 +103,18 @@ const TableComponent = memo(
/** Get the selected records. */ /** Get the selected records. */
const selectedrecords: object[] = grid.current.getSelectedRecords(); const selectedrecords: object[] = grid.current.getSelectedRecords();
if (selectedrecords.length !== 0) { if (selectedrecords.length !== 0) {
props.onRowClick(selectedrecords[0], selectedrowindex[0]); let index = selectedrowindex[0];
const pageSettings: PageSettingsModel = grid.current.pageSettings;
if (
pageSettings &&
pageSettings.currentPage !== undefined &&
pageSettings.pageSize !== undefined
) {
index =
index + (pageSettings.currentPage - 1) * pageSettings.pageSize;
}
props.onRowClick(selectedrecords[0], index);
} }
} }
} }