Question

我在Kendo UI中使用kendoWindow在Kendo UI中向我的数据表添加元素。我使用下拉列表从其中的一组用户角色中选择用户角色。但是当我在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();
        });

 }

Answer 1

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

var element = document.createElement('html'); // line 13
element.innerHTML = myString; // html String

Demo

更多信息：The Difference Between kendo.bind And kendo.init。

Kendo UI下拉列表在kendoWindow中无法正常工作

1 个答案: