剑道UI下拉列表在剑道窗口内不起作用

Kendo UI drop down list not working inside kendoWindow

本文关键字：窗口 不起作用 UI 下拉列表 剑道      更新时间：2023-09-26

我在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.init():强制剑道在窗口的open事件中初始化它

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

演示

更多信息：kendo.bind和kendo.init.

之间的区别
相关文章：