mercredi 6 avril 2016

Check particular checkbox after paging in kendo grid

I have a Kendo grid in which I have one column of checkbox. I'm doing paging, suppose I have 3 pages, I make check some checkboxes (select some row) on first page then go to second page and after checking some checkboxes again I come to first page, but when I come to first page I want all the checkboxes checked which I have checked before paging. But when I come back to first page it selects all the checkboxes, I'm unable to make check the particular checkbox which I have checked before. Please help me out.

checkedUserList is an array of all the Checked row's Id.

$('#gridUsersList tbody .chkbox').each(function () {
        var userid = $(this).data("userid");

        for (var i = 0; i < checkedUserList.length; i++) {

            if (userid == checkedUserList[i]) { // && checkedUserList[i] > 0

                // the commented line check all the checkboxes
                //$('#gridUsersList.chkbox').prop('checked', true);

                $(this).find("input[type=checkbox] .chkbox").prop('checked', true);
                break;
            }
        }
 });




    @(Html.Kendo().Grid(Model).Name("gridUsersList")
        .Events(events => events.Change("Grid_OnRowSelect").DataBound("onDataBound_Users"))
   .Columns(columns =>
     {
        columns.Bound(User => User.isChecked)
           .ClientTemplate("<input type='checkbox' id='SelectedClientUsers_#=ID#' class='chkbox' data-userid='#= ID #' />")
            .HeaderTemplate("<input type='checkbox' name='SelectAllClientUsers' id='SelectAllClientUsers' />").Width("20%");

        columns.Bound(User=> User.DisplayName).Title("Name").Width("40%");
        columns.Bound(User=> User.EmailAddress).Title("Email").Width("40%");
    })




Aucun commentaire:

Enregistrer un commentaire