首页 > 其他 > 详细

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

时间:2019-02-11 16:39:12      阅读:180      评论:0      收藏:0      [点我收藏+]

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!