angular kendo grid with checkbox for selecting multiple items

8 posts, 1 answers
  1. Rajesh
    Rajesh avatar
    53 posts
    Member since:
    Jan 2014

    Posted 22 Aug 2014 Link to this post

    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 ?
  2. DavidOBrien
    DavidOBrien avatar
    14 posts
    Member since:
    Sep 2012

    Posted 22 Aug 2014 in reply to Rajesh Link to this post

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

  3. Kendo UI is VS 2017 Ready
  4. Rajesh
    Rajesh avatar
    53 posts
    Member since:
    Jan 2014

    Posted 23 Aug 2014 in reply to DavidOBrien Link to this post

    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.
  5. Answer
    Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 26 Aug 2014 Link to this post

    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!
     
  6. Rajesh
    Rajesh avatar
    53 posts
    Member since:
    Jan 2014

    Posted 26 Aug 2014 in reply to Kiril Nikolov Link to this post

    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
  7. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 27 Aug 2014 Link to this post

    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!
     
  8. Matt
    Matt avatar
    1 posts
    Member since:
    Aug 2013

    Posted 20 Aug 2015 in reply to Kiril Nikolov Link to this post

    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

  9. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 24 Aug 2015 Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready