This is a migrated thread and some comments may be shown as answers.

multiple row selection with checkbox on different pages.

1 Answer 398 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Rajesh
Top achievements
Rank 1
Rajesh asked on 13 May 2019, 11:01 AM

Using kendo UI for VueJs.

In kendo wrapper grid, I am using pagination and  each page contain 10 rows. And also use checkbox to select any row.

If user select some rows on first page and move to another page then selected rows of that page get clear, when navigate to another page.

Expected - user can select some rows of current page and move to any other page and select the some rows on another page.

When user move to any page, selection rows should not get clear. All selected rows persists when user back to current page.

 

 

1 Answer, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 14 May 2019, 11:41 AM
Hi Rajesh,

Pagination does not preserve the selected state of the rows by default. This is because the grid is rebound when paged. The most common solution used is to cache the selection in a different variable and use it when paging to re-select the ones in that cache. 

You can see such an example with the Kendo UI Grid for jQuery: https://docs.telerik.com/kendo-ui/knowledge-base/persist-row-selection-while-paging. Similar solution can be implemented with the Kendo Grid for Vue (wrapper) as well.

Regards,
Ianko
Progress Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
Grid
Asked by
Rajesh
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Share this question
or