Reading All items from kendo react grid using onSelectionChange

Hi Stefan,

Thank you for you reply, i have getselectedstate in the onselectionchange event like below. if i print the newState_Selected in the console, i get only on the selected row not all rows. am i missing something here?

 const newState_Selected = getSelectedState({ event, selectedState: primaryCheckState, dataItemKey: Data_ItemKey });

console.log(newState_Selected)

regards,

M.Seenu

Hello, Seenu,

Yes, this will return an object with all selected items ids. From it, we can get an array of all selected ids and the items. I made an example where we can access all selected items on all pages:

https://stackblitz.com/edit/react-c15bug-fzmmnc?file=app/main.tsx

Hi Stefan,

Thank you. this gives me all the checked row details. but my original request is i need all the grid rows irrespective of whether its selected or not.

for example,

I have a grid with 30 rows which has 3 pages 10 in each, when i am any page(1st/2nd/3rd), i wanted to get all the 30 rows details, so based on selection change 1 row will have checked true and others(29 rows) will checked= false. which i will store in state object for other processing. but currently using event.dataitems it gives only 10 rows.

Note: i have made selectable mode='single'

selectable={{ enabled: false, drag: false, cell: false, mode: 'single' }}

Thank you for the clarification.

I want to clarify a few things:

1)having only the current page inside event.dataItems is expected as we are passing only the current page to the Grid. The Grid does not have full data in order to provide it inside the event.

2) The older version of selectedData is available inside the event, as selectedData  is not passed as an dependency to the onSelectionChange_Selected method.

3) If we have to keep which items are selected directly in the data, we can get the current selected item from the event, and directly update the data I made an example showcasing this:

https://stackblitz.com/edit/react-c15bug-w1gwf1?file=app/main.tsx

Thank you Stefan, i was busy with other stuff could not get time to check last update ontime. i will work on it by coming monday and keep you posted on the resulst.

the approach you suggested should work. let you know the status soon

Hi Stefan, 

Sorry for the late reply, stuck with other stuff

I tried the approach you recommended it works as expected. but i am facing issue with state object when i select checkbox first time, on the scenario mentioned

• I have two grids in a page, when user selects data from first grid using checkbox and click on add button(on top of the grid), second grid will populate data.
• while click on add button, i will store data in state object  "const [selectionGriddata, setSelectionGriddata] = useState<IGridProps>(griddata)"
• selectionGriddata data is assigned to the data property of grid of second grid
• second grid has another checkbox where i am reading data from selectionGriddata sate object and update data, when i click checkbox first time, selectionGriddata shows as empty and shows data when i check again second time.

i am wondering what could be the reason?

If this is done with hooks maybe the value of selectionGriddata is still the old value. This may happen in hooks if the dependency array does not include that value.

If the issue still occurs, please use the example I provided earlier to replicate the issue there and I'm will be happy to take a look.

thanks Stefan, for now you can close this as answered

thank you for your great help