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.