ノックアウトチェック/ Iは、ユーザーコントロールにマッピングJSONのobejctのためのノックアウトを使用して

Question

すべてのコンボボックスのチェックを外し、私はJsonObject

var viewModel = { 
      IsEnabled1 :ko.observable(true),    
      IsEnabled2 :ko.observable(true), 
      IsEnabled3 :ko.observable(false) 
     }; 
    ... 
    ko.applyBindings(viewModel); 

を持っている彼らは

<input type="checkbox" data-bind="checked: IsEnabled1" /> 

ように見える 、単一のチェックボックスのリストを持っていますまた、チェックボックスをオンにして、他のチェックボックスをすべてオフにする場合は、JavaScript側でこの変更を行いましたが、グローバルチェックボックスのUI部分を更新しましたが、別々のチェックボックスからのデータはJSONオブジェクトにマッピングされません。このコードの私のJSONオブジェクトの後

グローバルチェックボックス

$("#GeneralTable thead tr th:first input:checkbox").click(function() { 
      var checkedStatus = this.checked; 
      $("#GeneralTable tbody tr td:first-child input:checkbox").each(function() { 
       this.checked = checkedStatus;      
      }); 

     }); 

はUIに関連しないデータが含まれています。

JS側からすべてのJSON変更チェックボックスを更新するにはどうすればよいですか？

Answer 1

例を確認してください：http://jsfiddle.net/MenukaIshan/5gaLjh2c/

私はそれが正確に何が必要だと思うが。すべてのアイテムにはIsCheckedの観測可能なプロパティがあります。 ViewModelには、すべての項目をチェックまたはチェック解除するための計算された観測可能な（読み込み可能および書き込み可能な）オブジェクトが含まれます。

Answer 2

あり、上記の溶液が空リストのAllCheckedが偽作る-to二つの方法

に改善することができる代替ソリューションはhttp://jsfiddle.net/rniemeyer/kXYuU/

ここで、我々は減らす-to長

をチェックする必要があります番号を再計算して長いリストをすべて選択するときは、スロットルを追加する必要があります

self.AllChecked = ko.computed({ 
    read: function() { 
     var firstUnchecked = ko.utils.arrayFirst(self.Items, function(item) { 
      return item.IsChecked() == false; 
     }); 
     return self.Items.length && !firstUnchecked; 
    }, 
    write: function(value) { 
     ko.utils.arrayForEach(self.Items, function(item) { 
      item.IsChecked(value); 
     }); 
    } 
}).extend({ throttle: 1 });