Kendo UI 數(shù)據(jù)綁定(七) Invisible/Visible

Kendo MVVM 數(shù)據(jù)綁定(七) Invisible/Visible

Invisible/Visible 綁定可以根據(jù) ViewModel 的某個(gè)屬性來顯示/隱藏 DOM 元素。例如：

<div id="view">
    <div data-bind="invisible: isInvisible">some content

    </div>
     <button data-bind="click: show">Show</button>
</div>
<script>
    var viewModel = kendo.observable({
        isInvisible: true,
        show: function () {
            this.set("isInvisible", false);
        }
    });

    kendo.bind($("#view"), viewModel);
</script>