Question

我正在尝试使用MVVM模式通过数据绑定方法切换Kendo UI窗口的可见属性，但根据Kendo文档，它没有响应。

<div id="KendoWindow"
    data-role="window"  
    data-bind="visible:WindowVisible"
    data-title="Title does not show"
    data-width="500"
    data-height="300"
>
    <div class="span4"  > 
            <label for="Comment">Comments</label>   
            <textarea id ="Comment"  data-bind="value: Comment"></textarea>
    </div>

我正在初始化它但是如果我在viewModel中将WinowVisible属性设置为false，那么

this.set("WindowVisible", false);

窗口保持可见。

如果我通过jQuery设置它：

 var dialog = $("#KendoWindow").data("kendoWindow");
        dialog.setOptions({
           visible:false
        });

然后它会变得不可见。如果我运行这段代码，我就无法再次显示它：

var dialog = $("#KendoWindow").data("kendoWindow");
        dialog.setOptions({
           visible:true
        });

Answer 1

也许尝试在窗口中添加data-visible =“false”，然后当ShowWindow变为true时，它应该变得可见。我有一个绑定到布尔值的复选框，以及设置布尔值的按钮单击功能，两者似乎都正常工作。

见样品......

http://jsbin.com/jecih/1/edit

Kendo UI Window不响应数据绑定可见设置

1 个答案: