[Kendo Angular Grid] - How to get currently selected rows?

[Amit]

Hi,

 

I am trying to get currently selected rows from a kendo angular grid and perform some operations for selected rows (such as call an external API using information from selected rows).

- user can select one row

- user can select multiple rows using `shift`

- user can select multiple sections using combination of `shift` and `ctrl`

 

I tried to use `selectionChange` which knows only the current selected rows and not previously selected.Tried to follow this: https://www.telerik.com/forums/how-to-get-the-selected-row-data-item which did not work either.

 

Please provide a sample get list of selected rows at will from the grid. It is fine even if I can get `id` column for selected rows as I can filter through the original data and get other columns for selected ids.

[Martin]

Hi Amit,

Thank you for the provided link.

Indeed the ways described in the forum thread from my colleagues are still valid. In general the Grid provides an out of the box solution for storing the selection into a collection of selected items. By making use of the SelectionDirective, the selectedKeys array can be specified. This option gives full control over the selection. Also, the selectedKeysChange event is emitted each time when the collection has been updated, bu returning a list of indexes (or by field specified with kendoGridSelectBy property ):

https://stackblitz.com/edit/angular-6nehij?file=app/app.component.ts

To get the whole dataItem, the received collection can be iterated and with some custom logic the selected dataItem could be extracted from the Grid data:

https://stackblitz.com/edit/angular-6nehij-pva89b?file=app/app.component.ts

I hope this helps.

Regards,
Martin
Progress Telerik

[Amit]

thanks! `selectedKeysChange` event worked fine.