Grid Checkbox

7 posts, 0 answers
  1. James
    James avatar
    1 posts
    Member since:
    Apr 2012

    Posted 11 Apr 2012 Link to this post

    I am adding the checkbox for each row on he Kendo Grid. I am also using grouping, sorting and paging options. Selecting the checkbox working fine but as soon as I either sort, group or do paging on the grid, the checkbox looses their states (all appears unchecked).

    I tried using this thread 
    But it didn't work on my local machine.

    Please help.

  2. Brian
    Brian avatar
    1 posts
    Member since:
    Jul 2012

    Posted 10 Jul 2012 Link to this post


    I created a grid from an HTML table and have the same issue.  Did you find a solution?

  3. Jerry T.
    Jerry T. avatar
    118 posts
    Member since:
    Jul 2012

    Posted 10 Jul 2012 Link to this post

    Are you using a rowTemplate for the grid?  We are and was suggested by Telerik to place the template in both the rowTemplate definition and in the template property for that column in the grid's column definition.

    For example,

    from the grid's column definition:
    { field: "Taxable", title: "Tax?", width: 35, template: "<input type='checkbox' #= (Taxable === true) ? checked='checked' : '' # disabled />" },

    and from the rowTemplate definition:
    <td align="center" tabindex="109">
        <input type="checkbox" #= (Taxable === true) ? checked="checked" : "" # disabled />

  4. Asanka
    Asanka avatar
    2 posts
    Member since:
    Mar 2011

    Posted 31 Aug 2012 Link to this post

    I have followed the instruction given in the thread.
    Please check the following fiddle.
    But it's not working. Please help.
  5. OnaBai
    OnaBai avatar
    55 posts
    Member since:
    Aug 2012

    Posted 05 Oct 2012 Link to this post

    I've modified your fiddle and I think that now is working. Please, take a look into this.
    Basically there were unbalanced ", ' and {}
  6. Steve
    Steve avatar
    1 posts
    Member since:
    Sep 2014

    Posted 03 Oct 2014 Link to this post

    I am trying to use your sample to add checkboxes to a grid and the checks are not editable.
    In your demo they are also not editable. How do you make them checkable?
  7. Daniel
    Daniel avatar
    2177 posts

    Posted 08 Oct 2014 Link to this post


    You can make the checkboxes in the template checkable by removing the disabled attribute. To update the model based on the checkbox state, you should either use checked binding
    data-columns='[{"field":"Name", "filterable":true}, {"field":"Price", "filterable":false}, "UnitsInStock", {"field":"Recon","template": "<input type=\"checkbox\" data-bind=\"checked: Recon\"" }]'
    or handle the checkboxes change event. 

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top