Knockout.js의 배열 복제

Question

게임 디아블로 3에 약간의 데미지 계산기를 만들려고합니다.

기본적으로 생각하면 캐릭터의 항목을 나타내는 값의 "이전"및 "이후"배열이 있습니다. "after"배열은 업데이트 될 때 "before"배열을 복제해야합니다. 그러나 "after"배열을 변경하면 이 아닌이 "before"배열을 업데이트해야합니다.

각 배열은 DPS (more more than this better) 합계를 표시하며 두 배열의 차이점을 보여줍니다. 아이디어는 게임 내 경매장을 이용할 때 두 항목을 쉽게 비교할 수있게 해줍니다.

첫 번째 비트가 설정되었습니다. "이전"배열이 훌륭하게 작동합니다. 그러나 나는 "후"배열을 만드는 방법에 관해서는 손해를보고 있으며, 나는 이것을 다른 정도의 복잡성으로 만들었는지 궁금하다. 두 개의 뷰 모델을 사용하거나 jQuery로 복제하거나 맵핑 플러그인을 사용해야합니까? 여기 http://jsfiddle.net/kimadactyl/GuMuY/8/

Answer 1

받아야하는 솔루션이다 : 나는 확실히 난 후 정확히 무엇을 그 아무것도 찾을 수 있으며, UI 요구 사항은 특히 난제 나는까지 해요 어디

바이올린의 조금 보인다 네가 시작 했어. 나는 당신의 HeroItem을 리팩토링하여 설정 오브젝트와 링크 된 영웅 (옵션)을 가져갔습니다.

현재 배열은 고정 길이라고 가정합니다. jQuery extends를 사용하여 딥 복사를 수행하여 항목 배열에서 HeroItem에 매핑하여 after 배열을 만듭니다.

HeroItem에서 link이 전달되면 관찰 결과에 대한 변경 사항을 구독하고 지정된대로 단방향으로 업데이트합니다.

function HeroItem(config, link) { 
    var self = this, prop; 
    self.item = config.item; 
    self.int = ko.observable(config.int); 
    self.ias = ko.observable(config.ias); 
    self.critdmg = ko.observable(config.critdmg); 
    self.critpc = ko.observable(config.critpc); 
    self.min = ko.observable(config.min); 
    self.max = ko.observable(config.max); 

    if (link) { 
     for (prop in link) { 
      if (link.hasOwnProperty(prop) && ko.isObservable(link[prop])) {  
       console.log("subscribing " + prop); 
       link[prop].subscribe((function(p) { 
        return function (newValue) { 
         console.log("updating " + p+ " to " + newValue); 
         self[p](newValue); 
        } 
       })(prop)); 
      } 
     }   
    } 
} 

self.after = ko.observableArray(ko.utils.arrayMap(self.items(), function(i) { 
    return new HeroItem($.extend({}, ko.toJS(i)), i); 
})); 

http://jsfiddle.net/madcapnmckay/2MNFn/1/

필요 없음 사용자 정의 바인딩, 그냥 모든 KO의 관찰 가능한 가지고있는 구독 기능을 사용합니다. 이것을 동적 길이에 맞도록 확장하려면 배열을 간단하게 구독하고 그에 따라 after 배열을 정리하십시오.

희망이 도움이됩니다.