title: Kendo Grid checkbox: setting in jQuery
body: <p>I'm using the Kendo grid in an MVC application. I need to programmatically set the values of one of the rows in jQuery. Using the code below, I see the ID changes to 99 and the description changes to Test, but the checkbox does not check.</p>
  
  <pre><code>var grid = $('#myGrid').data("kendoGrid");
  
  var firstItem = grid.dataSource.data()[0];
  var dataItem = firstItem.get('IsChecked');
  firstItem.set('IsChecked', true);
  firstItem.set('ID', 99);
  firstItem.set('Description', 'Test');
  grid.refresh();
  </code></pre>
  
  <p>Any ideas why?</p>
  
  <p>Here's my EF code:</p>
  
  <pre><code>    public List&lt;Dictionary&gt; GetData()
      {
          List&lt;Dictionary&gt; result;
  
          using (var context = DataContext)
          {
              try
              {
                  result = context.Database.SqlQuery&lt;EventType&gt;("spc_GetEventTypes")
                           .Select(c =&gt; new Dictionary
                           {
                               IsChecked = true,
                               ID = c.EventTypeID,
                               Description = c.EventTypeName
                           })
                          .ToList();
  
                  return result;
              }
              catch (Exception ex)
              {
                  return null;
              }
          }
      }
  }
  </code></pre>
  
  <p>and here the jQuery to create the grid:</p>
  
  <pre><code>gridSelect = function(name, idColumnName, descColumnName, descColumnTitle, url, height) {
  
      $(name).kendoGrid({
              autoBind: true,
              autoHeight: true,
              width: 200,
              columns: [{
                  field: "IsChecked",
                  title: "&lt;input type='checkbox' name='IsChecked'  class='centerCheckbox parentCheckbox' /&gt;",
                  template: "&lt;input type='checkbox' name='IsChecked' class='childCheckbox' #= isChecked ? checked='checked' : ''# /&gt;",
                  clientTemplate: "&lt;input type='checkbox' #= IsChecked ? checked='checked':'' # class='chkbx' /&gt;",
                  headerTemplate: "&lt;input type='checkbox' id='masterCheckBox' onclick='checkAll(this)'/&gt;",
                  attributes: {
                      class: "ob-center"
                  },
                  width: 30
              }, {
                  field: idColumnName,
                  width: 20
              }, {
                  field: descColumnName,
                  title: descColumnTitle,
                  width: 250
              }],
              dataSource: new kendo.data.DataSource({
                  schema: {
                      model: {
                          id: "ID",
                          fields: {
                              isChecked: {
                                  type: "bool",
                                  validation: {
                                      required: false
                                  }
                              },
                              ID: {
                                  type: "int",
                                  validation: {
                                      required: true
                                  }
                              },
                              Description: {
                                  type: "string",
                                  validation: {
                                      required: true
                                  }
                              }
                          }
                      }
                  },
                  transport: {
                      read: {
                          url: url,
                          dataType: "json",
                          contentType: "application/json"
                      }
                  },
                  serverFiltering: true,
                  pageSize: 0
              }),
              height: height,
              scrollable: true,
              sortable: false,
              reorderable: false,
              resizable: false,
              columnMenu: false,
          }).data("kendoGrid") //.hideColumn(idColumnName);
  
  };
  </code></pre>
  
  <p>Thanks</p>
  
  <p>Carl</p>