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

我在Kendo UI中使用kendoWindow在Kendo UI中将元素添加到数据表中。
我正在使用dropdownlist从其中的一组用户角色中选择用户角色。但是，当我在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>

控制器内部。

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();
        });

 }

最佳答案

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

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