Ошибка при использовании Kendo Multi Select dropdrown в диалоговом окне начальной загрузки в MVC

Question

Я пытаюсь использовать раскрывающийся список MultiSelect в диалоге загрузки в MVC, но он не работает для меня.Я попытался поместить следующий код в bootbox.dialog в сообщении

@(Html.Kendo().MultiSelect().Name("userRoles").DataTextField("RoleName").DataValueField("RoleID").Enable(true).BindTo(new SelectList(ViewBag.Roles, "RoleID", "RoleName")))

. Я знаю, что для выпадающего списка множественного выбора будет работать следующий код, но мне нужно использовать множественный выбор кендо, и я заметил, что вне диалогового окна загрузчика этоработает, но выдает ошибки при использовании внутри

@Html.ListBox("userRoles", new SelectList(ViewBag.Roles, "RoleID", "RoleName"), new { @class = "form-control" })

Это не дает никакой ошибки времени компиляции.Ошибка, указанная ниже:

"Uncaught SyntaxError: Неожиданный конец ввода при eval ()"

Answer 1

Насколько я понимаю, вам нужно отобразить раскрывающийся список Kendo во всплывающем окне bootbox.Вы можете сделать это следующим образом:

Razor C #:

@{
    string htmlstring = "";
    htmlstring += "<select id='userRoles'>";
    foreach (Role role in ViewBag.Roles)
    {
        htmlstring += "<option value='" + role.RoleID + "'>" + role.RoleName + "</option>";
    }
    htmlstring += "</select>";
}

Сценарий:

    <script>
        var renderString = "@Html.Raw(htmlstring)";
        var dialog = bootbox.dialog({
            title: 'A custom dialog with init',
            message: renderString
        });

        var required = $("#userRoles").kendoMultiSelect().data("kendoMultiSelect");

    </script>

Отображается как: