Kendo UI MVVM 可见性(Visible)绑定

Kendo UI MVVM的visible绑定可设置DOM元素是否可见。可以将visible绑定到视图模型的值来控制DOM元素的可见性。比如:


这里isVisible是视图模型中的变量。如果isVisible为true,则DOM元素显示出来,如果值为false,DOM元素被隐藏(display被设置为none)。
对于非布尔型变量,比如0、null、undefined和“”,被认为是false,其它值被认为是true。下面的例子说明了如何绑定visible,以及如何设置值控制DOM的显示。




    
    
    
    

    
    
    

    
    
    
    


    
这里是内容

运行效果:


图片.png

如果点击隐藏按钮:


图片.png

这里需要注意的是“显示”按钮的可见性设置:


使用的是invisible,这个属性与visible正好相反,当值为true的时候隐藏,值为false时显示。

你可能感兴趣的:(Kendo UI MVVM 可见性(Visible)绑定)