Knockout.js - 爲範圍啓用綁定

Question

我正在尋找通過knockout.js啓用或禁用範圍（塊的所有子元素）的最佳方式。理想情況下，它應該是這樣的：

<div data-bind="enable:isEnabled()"> 
    <input type="text" data-bind="value: val1" /><br> 
    <input type="text" data-bind="value: val2" /> 
</div> 

此代碼是不是現在（http://jsfiddle.net/NquQK/）工作。我怎樣才能實現呢？也許現成的綁定或插件已經存在這項任務？

Answer 1

一個簡單的自定義綁定可以完成你所需要的：

KO：

ko.bindingHandlers.enableAll = { 
    update: function(elem, valueAccessor) { 
     var enabled = ko.utils.unwrapObservable(valueAccessor()); 

     ko.utils.arrayForEach(elem.getElementsByTagName('input'), function(i) { 
      i.disabled = !enabled; 
     }); 
    } 
}; 

HTML：

<div data-bind="enableAll: isEnabled()"> 
    <input type="text" data-bind="value: val1" /><br> 
    <input type="text" data-bind="value: val2" /> 
</div> 

http://jsfiddle.net/NquQK/2/