Ersetzen Artikel in ObservableArray

Question

Ich versuche, den gesamten Inhalt eines Artikels in einem observableArray mit neuem Inhalt zu ersetzen.

var oldLocation = ko.utils.arrayFirst(self.locations(), function (item) { 
    return item.id == value.id; 
}); 
self.locations.replace(self.locations.indexOf(oldLocation), new location(value)); 
self.locations.valueHasMutated(); 

Ich habe auch versucht,

self.locations[self.locations.indexOf(location)] = new fizi.ko.models.location(value); 

Aber nichts funktioniert. Der Index wird ordnungsgemäß abgerufen, aber die Aktualisierung des Elements findet nicht statt.

Answer 1

Die Replace-Funktion akzeptiert zwei Parameter, den Artikel, den Sie ersetzen möchten, und den neuen Artikel, mit dem Sie ihn ersetzen möchten. Sie übergeben den Index anstelle des zu ersetzenden Elements, sodass es nicht funktioniert.

Der ersetzen Aufruf sollte sein:

self.locations.replace(oldLocation, new location(value)); 

Auf einer Seite beachten, sollten Sie nicht brauchen den valueHasMutated() Anruf gibt, wird es durch den replace() Aufruf aufgerufen erhalten.

Answer 2

Mir ist nicht bekannt, eine Methode zum Ersetzen in JavaScript für Arrays oder in Knockout. Fehle ich etwas?

Wenn Sie Ihre zweite Methode verwenden möchten, dann müssen Sie Standorte als beobachtbare zuzugreifen:

self.locations()[self.locations.indexOf(location)] = new fizi.ko.models.location(value); 
self.locations.valueHasMutated(); 

wenn Sie nicht tun, wenn indexOf verwenden, da es eine Knockout-Version, dass für beobachtbare Arrays .

Answer 3

Ich möchte einfach eine alternative Möglichkeit zu erwähnen, es zu tun:

self.locations.splice(
    self.locations.indexOf(location), // Index of the 1st element to remove 
    1,         // Number of elements to remote at this index 
    new fizi.ko.models.location(value) // A param for each element to add at the index 
); 

Knockout splice in seiner Dokumentation enthält, nicht jedoch replace: Knockout Obervable Arrays Docs. Wenn Sie sich jedoch den Quellcode ansehen, werden Sie sehen, dass beide Funktionen implementiert sind (zumindest in KO 3.0, ich weiß nicht, ob replace in früheren Versionen fehlte).