Дублировать массив в Knockout.js

Question

Я пытаюсь сделать небольшой урон калькулятор для игры Diablo 3 (знаю, я знаю).

В принципе, идея состоит в том, что у нее есть массив значений «до» и «после», которые представляют элементы для вашего персонажа. Массив «после» должен дублировать массив «before», когда он обновляется. Однако изменения в массиве «после» должны не обновить массив «до».

В каждом массиве отображается итоговое значение DPS (более того, это лучше), и оно показывает разницу между ними. Идея заключается в том, что она позволяет легко сравнивать два предмета при использовании игрового аукционного дома.

У меня первый бит установлен - массив «до» работает отлично. Однако я не понимаю, как создать массив «after», и мне интересно, сделал ли я эту сложную сложность. Должен ли я использовать две модели представления, реплицируя их в jQuery или используя плагин сопоставления? Я не могу достаточно найти ничего, что это именно то, что я после этого, требования к UI особенно, кажется, немного мертвую точку

Скрипки, где я до: http://jsfiddle.net/kimadactyl/GuMuY/8/

Answer 1

Вот решение, которое должно получить ты начал. Я реорганизовал ваш HeroItem, чтобы взять объект конфигурации и необязательный связанный Герой.

Я предполагаю на данный момент массив фиксированной длины. Я создаю массив after из массива элементов, сопоставляя его с новым HeroItem, используя jquery, чтобы сделать глубокую копию.

Когда link передан в HeroItem, он будет подписаться на изменения в своих наблюдаемых и обновить односторонний только указанный.

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 имеют. Если вы хотите расширить это, чтобы справиться с массивами динамической длины, просто подпишитесь на массив элементов и соответствующим образом очистите последующий массив.

Надеюсь, это поможет.