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

angular kendo grid with checkbox for selecting multiple items

7 Answers 1686 Views
Data Source
This is a migrated thread and some comments may be shown as answers.
Rajesh
Top achievements
Rank 1
Rajesh asked on 22 Aug 2014, 06:49 PM
I have an angular kendo grid of items (large number of rows and server paginated). I'd like to have an extra checkbox column that a user can check to selected each row in the table. I'd like the grid to remember selected row across page navigations.

I need to maintain an angular scope variable of selected items.

Very much like http://www.kendoui.com/code-library/web/grid/select-grid-rows-using-checkboxes-and-preserve-it-between-the-pages.aspx but with angular.

Is there an easy way around this ?

7 Answers, 1 is accepted

Sort by
0
DavidOBrien
Top achievements
Rank 2
answered on 22 Aug 2014, 10:07 PM
Check Here....

http://sympletech.com/kendo-ui-grid-multiselect-with-checkboxes/

It's not specific to angular but it's close

//Set selected values to a custom data attribute on the grid
$kgrid.attr('data-sympleTech-KendoGrid-selected', selectedVals);

0
Rajesh
Top achievements
Rank 1
answered on 23 Aug 2014, 06:30 AM
Thanks David. That is exactly the functionality I am looking for. However for angular kendo grid, I am unable to even find the right event to capture a checkbox select or unselect event.
0
Accepted
Kiril Nikolov
Telerik team
answered on 26 Aug 2014, 01:31 PM
Hello Rajesh,

You can easily adapt the example from the code-library to a Kendo UI Grid with AngularJS project. Please check the following example and let me know if it helps:

http://dojo.telerik.com/exAB

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Rajesh
Top achievements
Rank 1
answered on 26 Aug 2014, 01:44 PM
Thanks a lot. As much as I did get it working this is very helpful. Is there another example with a select all as well.

Also how do I get to this code library and search for examples I might need.  I'd be very keen to see all your angular examples

-Rajesh
0
Kiril Nikolov
Telerik team
answered on 27 Aug 2014, 08:37 AM
Hello Rajesh,

I created the example that I sent you just for the sole purpose of demonstrating how to achieve the same with AngularJS. We do not have code-libraries that are specifically related for AngularJS, so there is no link that I can provide you with.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Matt
Top achievements
Rank 1
answered on 20 Aug 2015, 10:23 PM

This example does not work. 

 I select any number of items on page 1. then navigatge to page 2, then navigate back to page 1. None of the items previously selected are now selected.  

Can you provide a working example?

Thanks

0
Kiril Nikolov
Telerik team
answered on 24 Aug 2015, 06:53 AM
Hello Matt,

It is expected as the checked selection is not persisted anywhere, however this is not the purpose of the demo. 

In case you have any further questions - please open a separate support request and we will be happy to help.

Regards,
Kiril Nikolov
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Data Source
Asked by
Rajesh
Top achievements
Rank 1
Answers by
DavidOBrien
Top achievements
Rank 2
Rajesh
Top achievements
Rank 1
Kiril Nikolov
Telerik team
Matt
Top achievements
Rank 1
Share this question
or