title: How to save 'true' and 'false' using Checkbox in Kendo grid
body: <p>I want to save 'true' and 'false' when Checkbox is checked or not respectively.This checkbox i have in one of the column of the kendo grid.But I am not able to do it.My code is as follows:</p>
  
  <pre><code>    @(Html.Kendo().Grid&lt;Invoice.Models.ViewModels.Cashbox.HeaderkViewModel&gt;()
      .Name("transactionGrid")
      .Columns(columns =&gt;
      {
  
      columns.Bound(p =&gt; p.IsAllocatable).HeaderHtmlAttributes(new { title = "Total Amount" }).Title("Total").ClientTemplate("&lt;input type='checkbox' value='#=data.IsAllocatable#' class='IsAllocatable'  onclick='Allocatable(this)' /&gt;").Width(30);
      })
       .ToolBar(toolbar =&gt;
           {
               //toolbar.Template("&lt;a class='k-button k-button-icontext' onclick='customCommand()' href='#'&gt;&lt;/span&gt;Cutom Command&lt;/a&gt;");
               toolbar.Create();
  
  
  
               //toolbar.Save();
           })
  .Sortable()
  .Scrollable()
  .HtmlAttributes(new { style = "height:280px;" })
  .Navigatable()
  .Editable(ed =&gt; ed.Mode(GridEditMode.InCell))                    //Having Different Template for New Dossier
      .DataSource(dataSource =&gt; dataSource
      .Ajax()
          .PageSize(15)
      .Model(model =&gt;
      {
          model.Id(p =&gt; p.HeaderID);
  
      })
  
  .Create(create =&gt; create.Action("Dossier_Create", "Dossier", new { @CompanyID = ViewBag.CompanyID }))
  .Update(create =&gt; create.Action("Dossier_Create", "Dossier", new { @CompanyID = ViewBag.CompanyID }))
  .Destroy(create =&gt; create.Action("Dossier_Create", "Dossier", new { @CompanyID = ViewBag.CompanyID }))
  
  
      )
  
          .Resizable(resize =&gt; resize.Columns(true))
  
      )
  
  &lt;script type="text/javascript"&gt;
  function Allocatable(element) {
          if (element.checked) {
              element.value = 'true';
              var firstItem = $('#transactionGrid').data().kendoGrid.dataSource.data()[0];
              firstItem.set('IsAllocatable', true);
              if (element.value == true) { $(element).checked; }
  
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>try to help me out on this</p>