title: Kendo grid popup editor model binding problem
body: <p>I am using kendo grid popup editor with a template.</p>
  <pre class="lang-cs prettyprint-override"><code>.Editable(c =&gt; { c.TemplateName(&quot;_CustomTemplate&quot;).Mode(GridEditMode.PopUp); })
  </code></pre>
  <p>This is the <code>_CustomTemplate</code> i am using</p>
  <pre class="lang-html prettyprint-override"><code>@model Models.CustomViewModel
  &lt;div id=&quot;popupeditor&quot;&gt;
      @Html.HiddenFor(model =&gt; model.Id)
      &lt;button type=&quot;button&quot; id=&quot;NewEmailButton&quot;&gt;Add New Email&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>And the template is using this model.</p>
  <pre class="lang-cs prettyprint-override"><code>public class CustomViewModel 
  {
      public string Name { get; set; }
      public List&lt;string&gt; EmailList { get; set; } = new List&lt;string&gt;();
  }
  </code></pre>
  <p>User can add new input for email by clicking the &quot;Add New Email&quot; button. I am adding the input to PopUp container with javascript.</p>
  <pre class="lang-js prettyprint-override"><code>function AddEmail() 
  {
      let index = 0;
      let input = '&lt;input name=&quot;EmailList[index]&quot; type=&quot;text&quot;/&gt;'
      $(input).appendTo('#popupeditor');
  }
  </code></pre>
  <p>The problem is when i add or remove email it doesn't save, it doesn't go to save method. If i edit the <code>Name</code> it goes to the <code>Save</code> method but <code>EmailList</code> does not bind to model, it stays empty.</p>