title: Kendo UI PopUp not passing values to controller
body: <p>The grid and popup work fine except the values I enter in create mode do not get passed back to my controller. Looking at the JS Console shows no errors. Monitoring the create process in Fiddler also shows no values being passed, although my form elements do show.</p>
  
  <p>While debugging, the model in my controller is empty.</p>
  
  <p>Here's the grid definition:</p>
  
  <pre><code>@(Html.Kendo().Grid&lt;MyApp.Domain.Entities.TaktInterruptionViewModel&gt;()
  .Name("Interruptions")
  .Columns(columns =&gt;
      {
          columns.Bound(i =&gt; i.TaktInterruptionId).Hidden().IncludeInMenu(false);
          columns.Bound(i =&gt; i.DateCreated).Title("Date").Width(75).Format("{0:d}");
          columns.Bound(i =&gt; i.ActionCount).Title("Actions").Width(50).Hidden(true);
          columns.Bound(i =&gt; i.MeetingType).Title("Meeting   Type").Width(100).Hidden(true);
          columns.Bound(i =&gt; i.AreaName);
          columns.Bound(i =&gt; i.TypeName);
          columns.Bound(i =&gt; i.Responsible);
          columns.Bound(i =&gt; i.Description).Width(300);
          columns.Bound(i =&gt; i.Interruption).Width(75).Hidden(true);
          columns.Bound(i =&gt; i.TaktMissed).Title("Missed").Width(75);
      })
  .ClientDetailTemplateId("ActionsTemplate")
  .ToolBar(toolbar =&gt; toolbar.Create().Text("Add Interruption"))
  .Editable(edit =&gt; edit.Mode(GridEditMode.PopUp).TemplateName("Create").Window(w =&gt; w.Title("Interruption").Name("addInterruption").Modal(true)))
  .DataSource(datasource =&gt; datasource.Ajax()
      .Model(model =&gt; model.Id(p =&gt; p.TaktInterruptionId))
      .ServerOperation(false)
      .PageSize(5)
      .Create(create =&gt; create.Action("Create", "Home"))
      .Read(read =&gt; read.Action("GetInterruptions", "Home")))
  .Groupable()
  .Pageable()
  .Sortable()
  .Filterable()
  .ColumnMenu()
  .Selectable(s =&gt; s.Mode(GridSelectionMode.Multiple))
  .Reorderable(reorder =&gt; reorder.Columns(true))
  .Resizable(resize =&gt; resize.Columns(true))
  .Events(events =&gt; events.Change("displayChart"))
  )
  </code></pre>
  
  <p>My create editor template is as follows:</p>
  
  <pre><code>@model MyApp.Domain.Entities.TaktInterruptionViewModel
  @{
      ViewBag.Title = "Index";
  }
  
  &lt;div class="span-14" style="padding: 10px;"&gt;
      @Html.ValidationSummary(true)
      &lt;hr class="space" /&gt;
      &lt;div&gt;
          @Html.LabelFor(model =&gt; model.DateCreated)&lt;br /&gt;
          @(Html.Kendo().DatePicker().Name("DateCreated").Value(DateTime.Today))
          &lt;br /&gt;
          @Html.ValidationMessageFor(model =&gt; model.DateCreated, null, new { style =    "color:red;" })
      &lt;/div&gt;
      &lt;hr class="space" /&gt;
      &lt;div class="span-7"&gt;
          @Html.LabelFor(model =&gt; model.AreaId)&lt;br /&gt;
          @(Html.Kendo().DropDownListFor(model =&gt; model.AreaId)
              .Name("AreaId")
              .HtmlAttributes(new { style = "width:200px" })
              .OptionLabel("Select Area...")
              .DataTextField("AreaName")
              .DataValueField("AreaId")
              .DataSource(source =&gt;
                  {
                      source.Read(read =&gt;
                          {
                              read.Action("GetAreas", "Area");
                          });
                  })
           )
          &lt;br /&gt;
          @Html.ValidationMessageFor(model =&gt; model.AreaId)
      &lt;/div&gt;
      &lt;div class="span-6"&gt;
          @Html.LabelFor(model =&gt; model.TaktInterruptionTypeId)&lt;br /&gt;
          @(Html.Kendo().DropDownListFor(model =&gt; model.TaktInterruptionTypeId)
              .Name("TaktInterruptionTypeId")
              .HtmlAttributes(new { style = "width: 200px" })
              .OptionLabel("Select Type...")
              .DataTextField("TypeName")
              .DataValueField("TaktInterruptionTypeId")
              .DataSource(source =&gt;
                  {
                      source.Read(read =&gt;
                          {
                              read.Action("GetTypes", "Area").Data("filterTypes");
                          }).ServerFiltering(true);
                  })
                  .Enable(false)
                  .AutoBind(false)
                  .CascadeFrom("AreaId")
           )
          &lt;br /&gt;
          @Html.ValidationMessageFor(model =&gt; model.TaktInterruptionTypeId, null, new { style = "color:red;" })
      &lt;/div&gt;
      &lt;hr class="space" /&gt;
      &lt;div class="span-11"&gt;
          @Html.LabelFor(model =&gt; model.Description)&lt;br /&gt;
          @Html.TextAreaFor(model =&gt; model.Description, new { @class = "multi-line" })
          &lt;br /&gt;
          @Html.ValidationMessageFor(model =&gt; model.Description, null, new { style = "color:red;" })
      &lt;/div&gt;
      &lt;hr class="space" /&gt;
      &lt;div class="span-5"&gt;
          @Html.LabelFor(model =&gt; model.Interruption)&lt;br /&gt;
          @(Html.Kendo().NumericTextBox().Name("Interruption").Format("#.0").Value(0))
          &lt;br /&gt;
          @Html.ValidationMessageFor(model =&gt; model.Interruption)
      &lt;/div&gt;
      &lt;div class="span-6"&gt;
          @Html.LabelFor(model =&gt; model.TaktMissed)&lt;br /&gt;
          @(Html.Kendo().NumericTextBox().Name("TaktMissed").Format("#.0").Value(0))
          &lt;br /&gt;
          @Html.ValidationMessageFor(model =&gt; model.TaktMissed)
      &lt;/div&gt;
      &lt;hr class="space" /&gt;
      &lt;div&gt;
          @Html.LabelFor(model =&gt; model.Responsible)&lt;br /&gt;
          @Html.EditorFor(model =&gt; model.Responsible, new { @class = "k-input k-textbox" })
          &lt;br /&gt;
          @Html.ValidationMessageFor(model =&gt; model.Responsible, null, new { style = "color:red;" })
      &lt;/div&gt;
      &lt;hr class="space" /&gt;
      &lt;hr class="space" /&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      function filterTypes() {
          return {
          AreaID: $("#AreaId").val()
          };
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>And my controller create method is:</p>
  
  <pre><code>[HttpPost]
      public ActionResult Create([DataSourceRequest] DataSourceRequest request, MyApp.Domain.Entities.TaktInterruptionViewModel taktInterruption)
      {
          try
          {
              if (ModelState.IsValid)
              {
                  // code removed for brevity
              }
  
              return Json(ModelState.ToDataSourceResult());
          }
          catch(Exception ex)
          {
              TempData["message"] = "There was a problem saving the takt interruption.\n" + ex.Message;
              return View();
          }
      }
  </code></pre>
  
  <p>If I remove my editor template from the equation and allow kendo to do the popup, the information is passed to my controller; however, I want to control the layout of the popup and I also have cascading drop-downs (that work), thus the editor template.</p>
  
  <p>My question is why aren't my values that I enter in the popup being passed to my controller?</p>