Kendo UI 數(shù)據(jù)綁定(四) Disabled/Enabled

Kendo MVVM 數(shù)據(jù)綁定(四) Disabled/Enabled

Disabled 和 Enabled 綁定可以根據(jù) ViewModel 的某個(gè)屬性值的 true,false 來設(shè)置 DOM 元素的 enabled 和 diabled 屬性。Disabled/enabled 屬性只適用于 input,select 和 textarea 元素，當(dāng)這些輸入元素 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 ,其它值均當(dāng)成 true .