Cập nhật một ObservableArray không cập nhật giao diện người dùng

Question

Tôi đang sử dụng điều khiển lưu lượng không chứa trong ko 2.0. Khi tôi cập nhật một mục trong observableArray của tôi, nó không cập nhật giao diện người dùng. Tôi đang cập nhật mảng như sau:

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

Tôi nghĩ rằng nó không cập nhật vì cập nhật mảng theo chỉ mục không gọi bất cứ điều gì trong ko. Từ khi nhìn vào the documentation có vẻ như không có phương pháp cập nhật một đối tượng sẽ cập nhật giao diện người dùng. Hay là có?

Answer 1

Dưới đây là một fiddle thể hiện cách thay thế một mục trong ObservableArray và có các thay đổi của nó thông báo cho UI.

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

Mấu chốt ở đây là thay thế chức năng trên observableArray. Bạn cũng có thể sử dụng mối nối.

... Chú ý việc sử dụng "thay thế" bên dưới ...

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());