javascript - Knockout Js 绑定(bind)到具有撤消功能的编辑模式

Question

我正在使用 ko.js 来显示 field 表。

每个 field 都有一个编辑按钮，可以弹出一个显示可编辑数据的对话框。

当按下编辑按钮时，我将地点绑定(bind)到对话框，并将数据的副本存储在撤消对象中。

当我在对话框中编辑字段时，对话框和表格都会更新。

当我取消编辑时，我将 field 绑定(bind)到撤消对象状态。这会更新对话框，但不会更新表格。

知道我在这里做错了什么吗？

这是我的 View 模型。

VenueViewModel = function(venues) {
    var self = this;

    var venueModal = $("#venueModal");
    this.venues = ko.mapping.fromJS(venues);
    this.venue = ko.observable();
    this.venueUndo = null;

    //Cancel an edit                
    this.cancel = function() {
        self.venue(ko.mapping.fromJS(self.venueUndo));
        venueModal.modal("hide");
    }

    //Edit an existing venue
    this.edit = function(venue) {
        self.venue(venue);
        self.venueUndo = ko.mapping.toJS(venue);
        venueModal.modal("show");
    };

    //Create a new venue
    this.create = function() {
        self.venue(new Venue());
        venueModal.modal("show");
    };
};

ko.applyBindings(new VenueViewModel(venues));

Answer 1

他的评论中链接的文章 nemesv 就是答案。

http://www.knockmeout.net/2013/01/simple-editor-pattern-knockout-js.html