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

Fixing the selected row issue due to pagination

Browse Source
This commit is contained in:
Satbir Singh 2020-01-23 12:15:11 +00:00
parent 37ed88c10d
commit 17b5b9d535
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,
CommandModel,
CommandClickEventArgs,
PageSettingsModel,
} from "@syncfusion/ej2-react-grids";
import React, { useRef, MutableRefObject, useEffect, memo } from "react";
import styled from "constants/DefaultTheme";
@ -42,6 +43,7 @@ const settings: SelectionSettingsModel = {
type GridRef = MutableRefObject<GridComponent | null>;
function reCalculatePageSize(grid: GridRef, height: number) {
console.log("");
if (grid.current) {
const rowHeight: number = grid.current.getRowHeight();
/** Grid height */
@ -101,7 +103,18 @@ const TableComponent = memo(
/** Get the selected records. */
const selectedrecords: object[] = grid.current.getSelectedRecords();
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);
}
}
}