Knockout.Js官网学习（enable绑定、disable绑定）

时间 2019-11-12

标签 knockout.js knockout 学习 enable 绑定 disable 栏目 JavaScript 繁體版

原文原文链接

enable绑定javascript

enable绑定使DOM元素只有在参数值为 true的时候才enabled。在form表单元素input，select，和textarea上很是有用。java

enable简单示例app

<h2>enableBind</h2>
<p>    <input type='checkbox' data-bind="checked: hasCellphone"/>    I have a cellphone</p>
<p>    Your cellphone number:    <input type='text' data-bind="value: cellphoneNumber, enable: hasCellphone"/></p>
<script type="text/javascript" src="~/Scripts/knockout-2.3.0.debug.js"></script>
<script type="text/javascript">
    var viewModel = {
        hasCellphone: ko.observable(false),
        cellphoneNumber:ko.observable("")
    };
    ko.applyBindings(viewModel);
</script>

这个例子里，“Your cellphone number”后的text box 初始状况下是禁用的，只有当用户点击标签 “I have a cellphone”的时候才可用。spa

声明DOM元素是否可用enabled。debug

非布尔值会被解析成布尔值。例如0和null被解析成false，21和非null对象被解析给true。code

若是你的参数是observable的，那绑定会随着observable值的改变而自动更新enabled/disabled状态。若是不是，则只会设置一次而且之后再也不更新。orm

任意使用JavaScript表达式对象

不牢牢限制于变量 – 你能够使用任何JavaScript表达式来控制元素是否可用。例如blog

<button data-bind="enable: parseAreaCode(viewModel.cellphoneNumber()) != '555'">   
 　　Do something
</button>

disable绑定ip

disable绑定使DOM元素只有在参数值为 true的时候才disabled。在form表单元素input，select，和textarea上很是有用。

disable绑定和enable绑定正好相反，详情请参考enable绑定