javascript – Knockout Js绑定到具有撤消功能的编辑模式

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Knockout Js绑定到具有撤消功能的编辑模式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1032字，纯文字阅读大概需要2分钟。

内容图文

我正在使用ko.js来显示一个场地表.

每个场地都有一个编辑按钮,弹出一个显示可编辑数据的对话框.

当按下编辑按钮时,我将场地绑定到对话框,并将数据的副本存储在撤消对象中.

当我在对话框上编辑字段时,对话框和表都会更新.

当我取消编辑时,我将场地绑定到撤消对象状态.这会更新对话框,但不会在表上更新.

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

这是我的视图模型.

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

解决方法:

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

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

内容总结

以上是互联网集市为您收集整理的javascript – Knockout Js绑定到具有撤消功能的编辑模式全部内容，希望文章能够帮你解决javascript – Knockout Js绑定到具有撤消功能的编辑模式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端