Kendo Grid Edit in Popup with child entry bothering

[Ricardo]

I got a mvc grid with a popup editing feature. Inside my popup with is a mvc template I need a area do add child to a collection. I think I need a template but I don't know wow to implement it. The problem is that with this section the popup is invalid because in not part of the main model. How can i put this in the main template without making the popup invalid. I'm hiding and showing this area with javascript.
Thanks in advanced!!!

Rick.

Section to be in a template
~~~~~~

<div id="newPersonForm">
            <div class="container" id="personArea" style="display: none;">
                <div class="form-group">
                    @*<label class="control-label col-sm-3" for="ActivityPersonFirstName">Nombre </label>*@
                    @Html.TextBox("ActivityPersonFirstName", null, new { @class = "k-textbox", placeholder = "Nombre", style = "text-transform:capitalize;", required = "required" })
                    @Html.TextBox("ActivityPersonInitName", null, new { @class = "k-textbox", @placeholder = "Inicial", style = "text-transform:capitalize;"})
                </div>
                <div class="form-group">
                    @*<label class="control-label col-sm-3" for="ActivityPersonInitName">Inicial </label>*@
                    @Html.TextBox("ActivityPersonLastName1", null, new { @class = "k-textbox", @placeholder = "Apellido P", style = "text-transform:capitalize;", required = "required" })
                    @Html.TextBox("ActivityPersonLastName2", null, new { @class = "k-textbox", @placeholder = "Apellido M", style = "text-transform:capitalize;", required = "required" })
                </div>
                <div class="form-group">
                    @*<label class="control-label col-sm-3" for="ActivityPersonLastName1">Apellido P </label>*@
                    @Html.TextBox("ActivityPersonPhone1", null, new { @class = "k-textbox", @placeholder = "Telefono 1", required = "required" })
                    @Html.TextBox("ActivityPersonPhone2", null, new { @class = "k-textbox", @placeholder = "Telefono 2" })
                </div>
                <div class="form-group">
                    @*<label class="control-label col-sm-3" for="ActivityPersonLastName2">Apellido M </label>*@
                    @Html.TextBox("ActivityPersonSocSec", null, new { @class = "k-textbox", @placeholder = "Seguro Social", required = "required"})
                </div>
                <div class="form-group">
                    @*<label class="control-label col-sm-3" for="ActivityPersonSocSec">Seguro Social </label>*@
                    <a id="btnSometer" onclick="someter()" class="k-button">Someter</a>
                    <a id="btnCancelar" onclick="cancelar()" class="k-button">Cancelar</a>
                </div>
            </div>
        </div>

[Petur Subev]

Hello Ricardo,

From the code that you shared it is not getting clear what exactly is failing. Could you please create a small sample project that we can run on our side and tell you how to proceed with the case?

Regards,
Petur Subev
Telerik