javascript - Kendo UI 下拉列表在 kendoWindow 内不起作用

Question

我在 Kendo UI 中使用 kendoWindow 将元素添加到 Kendo UI 中的数据表中。我使用下拉列表从其中的一组用户 Angular 色中选择用户 Angular 色。但是当我在 Kendo UI kendoWindow 中使用 dropdownlist 时，我将其作为文本框而不是 dropdownlist 获取。但是，当我在弹出窗口之外使用相同的下拉列表时，它的工作原理就像我预期的那样。为了获取kendoWindow内的下拉列表，需要做什么？

我已在此处附上代码。

在 html 页面中。

<div id="AddUserPopupTemplate">
    <form class="form-horizontal custom-form" role="form">
        <div class="row">
             <input data-option-label=" " data-value-primitive="true" data-role="dropdownlist" data-text-field="UserRole" data-value-field="RoleId" data-bind="source: UserRoleSelected" />
        </div>
   </form>
</div>

Controller 内部。

AddNewUser: function () {
        var myWindow = $("#AddUserPopupTemplate");

        myWindow.kendoWindow({
            width: "800px",
            title: "Add User",
            visible: false,
            actions: [
                "Pin",
                "Minimize",
                "Maximize",
                "Close"
            ],
            close: onClose
        }).data("kendoWindow").center().open();

        function onClose() {

        }

        $(document).ready(function () {
            myWindow.data("kendoWindow").open();
        });

 }

Answer 1

当您使用数据属性初始化时，您需要强制kendo在窗口的open中对其进行初始化。事件与 kendo.init() :

open: function() {
    kendo.init(myWindow);
}

Demo

更多信息请参见:The Difference Between kendo.bind And kendo.init .