Окно Kendo UI не отвечает на видимые настройки привязки данных

Question

Я пытаюсь переключить видимое свойство Kendo UI Пролистайте метод привязки данных, используя шаблон MVVM, но он не отвечает так, как следует в соответствии с документацией 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>

Я инициализирую его правильно, но если я установил для свойства WinowVisible значение false в viewModel следующим образом,

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