title: Check box uncheck while scroll up and down in kendo ui grid
body: <p>I have one kendo UI grid and I am binding from Javascript below is the code for same. </p>
  
  <p>My issue is when I check the check box and scroll down the grid and scroll up then that checked checkbox is uncheck even I go to next page then also get the same issue. </p>
  
  <pre><code>$(gridName).html("");
      var fieldSchema = [];
      var columnSchema = [];
  
  columnSchema.push({
      field: "",
      width: "30px",
      template: "&lt;input id='chkDelete' type='checkbox' /&gt;",
  });
  
  
  var counter = 0;
  $.each(data, function (index) {
      counter = counter + 1;
      var xmldoc = $.parseXML(data[index].CustomFields);
      var $xml = $(xmldoc);
      var jsonStr = '{';
      $xml.find("Fields").find("Field").each(function () {
          jsonStr = jsonStr + '"' + $(this).attr("Title").replace(/\s/g, '').replace(/[^\w\s]/gi, '') + '":{';
          jsonStr = jsonStr + '"Title":"' + $(this).attr("Title") + '",';
          jsonStr = jsonStr + '"Value":"' + $(this).attr("Value") + '",';
          jsonStr = jsonStr + '"Id":"' + $(this).attr("Id") + '"},';
  
          if (counter == 1) {
              columnSchema.push({
                  field: $(this).attr("Title").replace(/\s/g, '').replace(/[^\w\s]/gi, '') + ".Value",
                  title: $(this).attr("Title"),
                  width: "128px",
                  template: "#=" + $(this).attr("Title").replace(/\s/g, '').replace(/[^\w\s]/gi, '') + ".Value#",
              });
  
          }
      });
      jsonStr = jsonStr + '"CustomFields":"' + data[index].CustomFields.replace(/\"/g, "\'") + '",';
      jsonStr = jsonStr + '"ValidationPlanId":"' + data[index].ValidationPlanId + '",';
      jsonStr = jsonStr + '"IsTrCreated":"' + data[index].IsTrCreated + '",';
      jsonStr = jsonStr + '"Note":"' + data[index].Note + '",';
      jsonStr = jsonStr + '"IsUpdate":"' + data[index].IsUpdate + '",';
      jsonStr = jsonStr + '"TestRequestId":"' + data[index].TestRequestId + '"';
      jsonStr = jsonStr + '}';
  
      fieldSchema.push($.parseJSON(jsonStr));
  });
  
  var dtVpAdd = new kendo.data.DataSource({
      data: fieldSchema,
      schema: {
          model: {
              id: "ValidationPlanId"
          },
          total: function (result) {
              var totalCount = result.length;
              return totalCount;
          }
  
      }
  
  });
  dtVpAdd.pageSize(10);
  
  
  $(gridName).kendoGrid({
      dataSource: new kendo.data.DataSource({
          data: fieldSchema,
          schema: {
              model: {
                  id: "ValidationPlanId"
              }
          },
          pageSize: 10
      }),
      columns: columnSchema,
      filterable: true,
      sortable: {
          mode: "multiple",
          allowUnsort: true
      },
      scrollable: {
          virtual: true
      },
      resizable: true,
      reorderable: true,
      pageable: {
          input: true,
          numeric: false
      },
  
      dataBound: function () {
          $(gridName).on('click', '#chkDeleteAll', function () {
              var checked = $(this).is(':checked');
              $("input[id*='chkDelete']:checkbox").attr('checked', checked);
          });
      },
  
  });
  </code></pre>