테이블에서 동시에 두 컬렉션의 녹아웃 js의 Foreach 반복

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> 

두 컬렉션을 한꺼번에 반복하고 내가 제시 한 이름으로 두 개를 액세스 할 수 있습니까? 제안 된 솔루션이 작동하지 않습니다.

모델을 정의하는 기능.

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] 관련), 당신은 다음 둘을 참조하는 계산 된 모음을 만들 수 있습니다 있다고 가정 번호 그것을 반복합니다.

예. (이것은 스케치이다, 완벽한 코드 당신은 당신의 프로젝트에 쿵하는 소리 할 수 ​​없습니다) : 다음

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

... 그들이 인덱스 배열에 도착 주어진 한가 지에서

<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>