Renderowanie kontrolek Kendo w popup window

0

Witam, od niedawna zacząłem zabawe z kontrolkami kendo telerik.

Sytuacja jest taka:

Tworzę sobie okienko popup z contentem zawierającym div o określonym id
następnie wywołuję akcję post z kontrolera i ładuję partial view w postaci html do wcześniej wspomnianego id.
Wszystko byłoby ok ale nie pojawiają się prawidłowo dropdownlisty z biblioteki telerika - zamiast ładnej dropdownlisty jest pusty textbox.
Dodatkowo, w innym miejscu niż popup window , dropdownlist działa prawidłowo.

Kontroler:

        [HttpPost]
        public ActionResult _RejestracjaForm()
        {
            ViewBag.Wydzialy = from n in _db.Slownik where n.Typ == (int)SlownikTypy.Wydzialy select new { Id = n.Id, Nazwa = n.Nazwa };
            return PartialView();
        }

JS:

function kendoWindow(Tytul) {
    $("#window").data("kendoWindow").title(Tytul).center()
        .content("<div style='padding: 20px 80px 20px 40px'>"
        + "<div id=\"popupWindow\"></div>"
        + "</div>");

    $("#window").data("kendoWindow").open();

}

function rejestracjaUzytkownika() {
  
    kendoWindow('Rejestracja');
    $.post('Autoryzacja/_RejestracjaForm', function (data) {
        document.getElementById("popupWindow").innerHTML = data;
    });
}

PartialView:

@model FMmonit.Models.Uzytkownicy

<h2>Rejestracja</h2>

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true)
    <table>
        <tr>
        <td>@Html.Label("Wydział")</td>
        <td>@(Html.Kendo().DropDownListFor(m => m.SlownikWydzial)
                  .Name("wydzial")
                  .DataTextField("Nazwa").DataValueField("Nazwa")
                  .OptionLabel("Wybierz wydział ...")
                  .BindTo(@ViewBag.Wydzialy)
                  )</td>
        </tr>

    </table>
}

@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

Proszę o pomoc.

0

Funkcja JS zwraca

↵ <tr>
↵ <td><label for="Wydzia_">Wydział</label></td>
↵ <td><input id="wydzial" name="wydzial" type="text" /><script>
↵	jQuery(function(){jQuery("#wydzial").kendoDropDownList({"dataSource":[{"Id":1,"Nazwa":"W1"},{"Id":2,"Nazwa":"W2"}],"dataTextField":"Nazwa","dataValueField":"Nazwa","optionLabel":"Wybierz wydział ..."});});
↵</script></td>
↵ </tr>

Może innerHtml stanowi problem w funkcji JS ?

1 użytkowników online, w tym zalogowanych: 0, gości: 1