码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-02-11 16:59:56      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:col   ide   develop   his   span   value   type   bind   john   

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 .

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

标签:col   ide   develop   his   span   value   type   bind   john   

原文地址:https://www.cnblogs.com/miaosj/p/10362230.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!