1

我正在尝试Kendo UI使用 MVVM 模式通过 data-bind 方法切换窗口的可见属性，但它没有按照 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
        });
4

1 回答 1

2

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

见样本...

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

于 2014-02-16T02:37:42.743 回答