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 ?
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
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);
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
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
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
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
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
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
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
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!