Обновление наблюдаемого массива не обновляется UI

Question

Я использую управление потоком без контейнеров в ko 2.0. Когда я обновляю элемент в моем наблюдаемом массиве, он не обновляет пользовательский интерфейс. Я обновляю массив как это:

this.editFormHost = function (formHost) { 
    ... 
    formHost.HostName = newHostName; 
    this.formHosts[index] = formHost; 
} 

Я имею в виду, что не обновляется, потому что обновление массива по индексу ничего не заехать Ко. От взгляда на the documentation похоже, что нет методов для обновления объекта, который, в свою очередь, обновит пользовательский интерфейс. Или есть?

Answer 1

Вот скрипка, демонстрирующая, как заменить элемент в наблюдаемом массиве и внести изменения в пользовательский интерфейс.

http://jsfiddle.net/johnpapa/ckMJE/

Ключевым моментом здесь является функция замены на observableArray. Вы также можете использовать сращивание.

... Обратите внимание на использование «заменить» ниже ...

var ViewModel = function() { 
    this.self = this; 
    self.index = ko.observable(0); // default 
    self.newColor = ko.observable("purple"); // default 
    self.colors = ko.observableArray([{ 
     color: 'red'}, 
    { 
     color: 'blue'}, 
    { 
     color: 'yellow'}]); 
    self.replaceIt = function() { 
     self.colors.replace(self.colors()[self.index()], { 
      color: self.newColor() 
     }); 
    }; 
}; 
ko.applyBindings(new ViewModel());