2回のコレクションのノックアウトjsで一度に反復を行う

Question

次の表があります。

<tbody data-bind="foreach: TuDispTexts, foreach: ApplicationTexts"> 
    <tr> 
     <td data-bind="text: DictionaryTextId"></td> 
     <td><input data-bind="value: TuDispTexts.Culture" type="text"/></td> 
     <td><input data-bind="value: TuDispTexts.DictionaryValue" type="text" /></td> 
     <td><input data-bind="value: ApplicationTexts.DictionaryValue" type="text" /></td> 
    </tr> 
</tbody> 

2つのコレクションを一度に繰り返して、2つの名前にアクセスすることは可能ですか？提案された解決策は機能していません。

モデルを定義する機能。

function tuDispModel() { 
     this.AetrState = ko.observable(); 
     this.TuDispTexts = ko.observable; 
     this.ApplicationTexts = ko.observable(); 

     this.texts = ko.pureComputed(function() { 
      return tuDispInfo.TuDispTexts.map(function (tu, index) { 
       return { tu: tu, app: tuDispInfo.ApplicationTexts[index] }; 
      }); 
     }) 

; }

通話の発注。

$(document).ready(function() { 
     tuDispInfo = new tuDispModel(); 
     getTuDispData(corewebApiUrl, tuDispId); 
     ko.applyBindings(tuDispInfo); 
    }); 

Answer 1

TuDispTextsとApplicationTextsを並列コレクションであると仮定すると、番号（例えば、TuDispTexts[0]はTuDispTexts[1]がApplicationTexts[1]などに関し、ApplicationTexts[0]に関し）、あなたはそれらの両方を参照する計算されたコレクションを作成したいと思うし、それを繰り返します。

など。彼らは、インデックスによって配列に取得与えられたsoltionで、その後

<tbody data-bind="foreach: texts"> 
    <tr> 
     <td data-bind="text: /*Unclear where this comes from: DictionaryTextId*/"></td> 
     <td><input data-bind="value: texts.tu.Culture" type="text"/></td> 
     <td><input data-bind="value: texts.tu.DictionaryValue" type="text" /></td> 
     <td><input data-bind="value: texts.app.DictionaryValue" type="text" /></td> 
    </tr> 
</tbody>