Kendo UI开发教程(18): Kendo MVVM 数据绑定(七) Invisible/Visible

最新推荐文章于 2023-06-01 16:19:03 发布

引路蜂

最新推荐文章于 2023-06-01 16:19:03 发布

阅读量3k

点赞数 2

分类专栏：教程 Kendo Kendo 开发教程

本文链接：https://blog.csdn.net/mapdigit/article/details/11387719

版权

教程同时被 3 个专栏收录

666 篇文章 1 订阅

订阅专栏

Kendo

27 篇文章 3 订阅

订阅专栏

Kendo 开发教程

27 篇文章 81 订阅

订阅专栏

Invisible/Visible绑定可以根据ViewModel的某个属性来显示/隐藏DOM元素。
例如：

 
    1<div id="view">
 
    2    <div data-bind="invisible: isInvisible">some content
 
    3        
 
    4    </div>
 
    5     <button data-bind="click: show">Show</button>
 
    6</div>
 
    7<script>
 
    8    var viewModel = kendo.observable({
 
    9        isInvisible: true,
 
    10        show: function () {
 
    11            this.set("isInvisible", false);
 
    12        }
 
    13    });
 
    14 
 
    15    kendo.bind($("#view"), viewModel);
 
    16</script>