Knockout.Js官網學習（enable綁定、disable綁定）

enable綁定

enable綁定使DOM元素只有在參數值為 true的時候才enabled。在form表單元素input，select，和textarea上非常有用。

enable簡單示例

 

<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”的時候才可用。

聲明DOM元素是否可用enabled。

非布爾值會被解析成布爾值。例如0和null被解析成false，21和非null對象被解析給true。

如果你的參數是observable的，那綁定會隨着observable值的改變而自動更新enabled/disabled狀態。如果不是，則只會設置一次並且以后不再更新。

任意使用JavaScript表達式

 不緊緊限制於變量 – 你可以使用任何JavaScript表達式來控制元素是否可用。例如

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

disable綁定

disable綁定使DOM元素只有在參數值為 true的時候才disabled。在form表單元素input，select，和textarea上非常有用。

disable綁定和enable綁定正好相反，詳情請參考enable綁定