Knockout Update vom jQuery UI Dialog abbrechen

Question

Ich habe Eltern Modell person. Das Ansichtsmodell hat ein beobachtbares Array von person. Um eine Person zu bearbeiten/hinzufügen, habe ich ein jQuery UI-Dialogfeld (Ok/Abbrechen).

var viewModel = function(){ 
    var self = this; 
    self.personEntry = ko.observable(new person()); 
    self.people = ko.observableArray(); 
    self.populatePeople = function(jsonPeopleObj){//adds person objects to people array}; 
}; 

Das personEntry Submodell wird den Dialog jQuery UI gebunden Verwendung with binden. Eine Tabelle wird unter Verwendung der foreach-Bindung auf dem people beobachtbaren Array erzeugt.

Jetzt, wenn ich versuche, einen Datensatz zu ändern, rufe ich die folgende Funktion auf Klick der Zeile.

function rowSelected(item,event){ 
    viewModel.personEntry(item); 
    openDialog(); 
} 

Dies öffnet den Dialog mit den Details der ausgewählten Zeile im jQuery UI-Dialogfeld. Wenn ich jedoch einen Wert ändere und dann im Dialogfeld auf Abbrechen klicke, wird die Tabelle immer noch mit einem neuen Wert geändert, der nicht passieren sollte. Irgendwelche Gedanken?

Ich kann einen Beispielcode bei Bedarf setzen.

Answer 1

ich dies um mit ein bisschen Arbeit gelöst haben ...

https://jsfiddle.net/ramkiFiddle/v29exev5/59/

self.amendDetails = function(item, event) { 
    itemProgressed = item; 
    operation = 'Amend'; 
    var tempObj = new Person(item.Name(), item.Age()); 
    pageModel.personEntry(tempObj); 
    $("#personEntry").dialog('open'); 
    }