title: Submit Kendo Grid with Form
body: <p>I want to submit the form which containg:</p>
  
  <ol>
  <li>Form Elements like textboxes &amp; other editors. </li>
  <li>Kendo Grid which
  is Editable.</li>
  </ol>
  
  <p>As you can see in the image below:
  <img src="https://i.stack.imgur.com/gp32q.png" alt="Form with Kendo Grid"></p>
  
  <p>My view code of view is:</p>
  
  <pre><code>@model ProjectName.ReferenceViewModel
  @using (Html.BeginForm("MainDocumentSave", "Document", FormMethod.Post, new { @class="MainForm"}))
  {
      &lt;input type="text" name="ParentReferenceID" id="ParentReferenceID" value="@Model.ID"/&gt;
  
      &lt;input type="text" name="ParentReferenceName" id="ParentReferenceName" value="@Model.Name"/&gt;
  
  
  
   @(Html.Kendo().Grid&lt;Invoice.Models.ViewModels.ReferenceViewModel&gt;()
                  .Name("Reference")
                  //.TableHtmlAttributes(new { style = "height:160px; " })
                  .Columns(columns =&gt;
                  {
                      columns.Bound(p =&gt; p.ReferenceID).Hidden(true).ClientTemplate("#= ReferenceID#" + "&lt;input type='hidden' class='ReferenceID' name='Reference[#= index(data)#].ReferenceID' value='#=ReferenceID#' /&gt;");
                      columns.Bound(p =&gt; p.ReferenceName).HeaderHtmlAttributes(new { title = "Reference Name" }).Title("Reference").Width(10).ClientTemplate("#= ReferenceName#" + "&lt;input type='hidden' class='ReferenceName'name='Reference[#= index(data)#].ReferenceName' value='#=ReferenceName#' /&gt;");
                      columns.Bound(p =&gt; p.ReferenceDescription).HeaderHtmlAttributes(new { title = "Reference Description" }).Title("Description").Width(10).ClientTemplate("#= ReferenceDescription#" + "&lt;input type='hidden' class='ReferenceDescription' value='#=ReferenceDescription#' /&gt;");
                      //columns.Bound(p =&gt; p.DefaultReferenceValue).Title("Value").Width(15).EditorTemplateName("ReferenceValidValue").HtmlAttributes(new { @class = "DefaultValue" }).ClientTemplate("#= DefaultReferenceValue#" + "&lt;input type='hidden' class='DefaultReferenceValue' value='#=DefaultReferenceValue#' /&gt;");
  
  
                  })
                  .Editable(ed =&gt; ed.Mode(GridEditMode.InCell))
                  .Navigatable()
                  .HtmlAttributes(new { style="height:190px;"})
                  .DataSource(dataSource =&gt; dataSource
                      .Ajax()
                      .Batch(true)
                      .ServerOperation(false)
                  )
                  )
  
  }
  </code></pre>
  
  <p>The problem here is that when submitting the Form I am only able to post the editor's values but not the Kendo Grid's values.</p>
  
  <p>How can I send all the values?</p>