KnockoutJS - 私は結合しても同じ要素に結合カスタム「目に見える」を使用してテンプレートにリストアイテムを持ってお互い

Question

をオーバーライド組み合わせバインディング：

<li data-bind="visible: (Applicable == 'All'), highlight: Selected().indexOf('false',0) == -1"> 

これは、ビューのすべてのバウンドメンバーをチェックしますモデル・コレクションを作成し、「適用可能」プロパティーに「すべて」の値がある場合は、リスト項目を表示可能にします。

また、カスタムメンバーシップを使用して、バインドされたメンバーの「Selected」プロパティに文字列「false」が含まれているかどうかによって、リストアイテムにクラスを適用します。

ko.bindingHandlers.highlight = { 
     update: function (element, valueAccessor, viewModel) { 
      var value = valueAccessor(); 
      ko.utils.unwrapObservable(value) ? $(element).addClass("selected", 1000) : $(element).removeClass("selected", 1000); 
     } 
    }; 

問題は、「ハイライト」は、カスタムバインディングということである結合ハイライトが発生したときに目に見える結合再表示によって隠された目に見える結合して、リストの項目を置き換える/上書きするようです。表示されたバインディングが実行されていると思われ、ハイライトのバインディングが実行され、表示されているバインディングの結果が無視されます。

私はこれを説明していただければ幸いです。

リストアイテムを表示するか非表示にするか、または表示してハイライトを適用するかを決定する1つのバインディングイベントのみを呼び出すように、表示するバインディングの機能をカスタムバインドにマージできますか？

Answer 1

バインディングハンドラの代わりに、計算されたobservableを使用して、cssクラスを追加するかどうかを判断することもできます。下のコードスニペットでは、isSelected値は計算された観測値です。

<li data-bind="visible: applicable === 'all', css: {selected: isSelected}"> 

私たちはすべてを見ることができないので、コードが何をしているのか分かりません。しかし、その1つの選択肢。もう一つは、あなたが示唆するように、バインディングハンドラを書くことです。