Kendo ui 剑道UI窗口不响应数据绑定可见设置

我试图通过使用MVVM模式的数据绑定方法切换

剑道UI

窗口的visible属性，但根据剑道文档，它没有做出应有的响应

<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>

窗户一直可见

如果我通过jQuery这样设置它：

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

然后它将变得不可见。如果运行以下代码，则无法使其再次可见：

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

---

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

见样本

---

谢谢，我认为我最大的问题是试图将非MVVM方法与MVVM方法结合起来，这两种方法相互冲突。我已经实现了您的解决方案，效果非常好！将我的许多代码行缩减为几行。但是为什么它不起作用呢？我也有类似的问题，但无法将另一个控件绑定到showWindow属性。我所能做的就是获取模型并将属性设置为true。。。这表明一切正常。但是一旦窗口关闭，一旦关闭，它就再也不会显示了——尽管使用的代码与第一次将“showWindow”设置为true的代码相同。看起来这真的应该是一个很好的答案！但是，我注意到，在您的示例中，一旦使用窗口中的“关闭”操作关闭窗口，然后重新打开窗口，它将打开非常小的窗口，而不会使用窗口中的“关闭”操作关闭。

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