Kendo MVVM 数据绑定(四) Disabled/Enabled

Disabled 和 Enabled 绑定可以根据 ViewModel 的某个属性值的 true,false 来设置 DOM 元素的 enabled 和 diabled 属性。Disabled/enabled 属性只适用于 input,select 和 textarea 元素,当这些输入元素 disabled 后,用户无法修改其值。

<div id="view"> 
<input type="text" data-bind="value: name, disabled: isNameDisabled" /> 
<button data-bind="click: disableInput">Disable</button> 
</div> 
<script> 
    var viewModel = kendo.observable({ 
        isNameDisabled: false, 
        name: "John Doe", 
        disableInput: function () { 
            this.set("isNameDisabled", true); 
        } 
    }); 
 
    kendo.bind($("#view"), viewModel); 
</script>

注: 对于一些非 boolean 值如:0,null, undefined 会被看作 false ,其它值均当成 true .


评论关闭
IT序号网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!