knockout.js - 複数のドロップダウン リストと選択時の監視可能な配列の値の削除

Question

ページに複数のドロップダウンがあり、同じ監視可能な配列を共有している状況があります。としましょう、 ofとof5 dropdowns listsにバインドされています。値を選択したら、他のドロップダウン リストでその項目をリストから削除したいと思います。そのため、を選択すると、他のすべてのドロップダウンが表示され、再度選択すると、すべてのドロップダウンが元の状態に戻ります。observable array[1,2,3,4,5]optionsCaption- Game -dropdown 121,3,4,5- Game -

Answer 1

データが異なるため、別のデータ ソースが必要になります。これを行うために私が考えることができる2つの方法：

すべての選択肢の 1 つの配列と、選択ごとに計算された配列を持ちます。それぞれに、choices 配列の内容から他の選択から選択されたオプションを差し引いたものが含まれます。

各選択のオプションを監視可能な配列にすることもできます。次に、選択時に、選択した項目の他のすべてのオプションで削除を呼び出し、古い値を他のすべての選択ボックスにプッシュします。これは、サブスクライブで実現できます。