如何回滚 EmberData 中的关系更改

我有两种亲子关系模型：训练和锻炼：

App.Training = DS.Model.extend({
  exercises: DS.hasMany('App.Exercise')
})

App.Exercise = DS.Model.extend({
  training: DS.belongsTo('App.Training')
})

我想要一个页面，其中显示培训及其所有相关练习。如果用户按下Edit按钮，页面变得可编辑，并且可以添加新的练习。我也想拥有一个Cancel按钮将放弃所做的所有更改。

这是我的控制器：

App.TrainingsShowController = Em.ObjectController.extend({
  editing: false,

  edit: function() {
    this.set('editing', true);
    transaction = this.get('store').transaction();
    transaction.add(this.get('model'));
    this.get('model.exercises').forEach(function(x){
      transaction.add(x);
    });
  },

  cancel: function() {
    this.set('editing', false);
    this.get('model.transaction').rollback();
  },

  save: function() {
    this.set('editing', false);
    this.get('model.transaction').commit();
  },

  addExercise: function() {
    this.get('model.exercises').createRecord({});
  }
})

控制器中有四个事件处理程序：

1. edit：用户按下Edit按钮：创建交易，页面进入“编辑”模式。
2. cancel：用户按下Cancel按钮：事务回滚并返回“正常”模式。
3. save：用户按下Save按钮：事务已提交并返回“正常”模式。
4. addExercise：用户按下Add exercise按钮：创建一个新练习（在同一事务中）并将其添加到训练中。

除了新创建的记录之外，回滚功能工作正常：如果我推送Edit按钮，添加新练习并按下Cancel按钮，新创建的练习将保留在页面上。

摆脱丢弃的子记录的最佳方法是什么？

UPDATE:

我创建了一个 jsFiddle 来重现问题，但它有效。与我在这里使用的应用程序不同DS.FixtureAdapter: http://jsfiddle.net/tothda/LaXLG/13/

然后我使用创建了另一个DS.RESTAdapter问题出现了：http://jsfiddle.net/tothda/qwZc4/5/

在小提琴中尝试：编辑，添加新的，然后回滚。

我发现，在 RESTAdapter 的情况下，当我将新的子记录添加到hasMany关系，父记录不会变脏。这看起来不错，但是当我回滚事务时，新创建的子记录保留在父记录中ManyArray.

我仍然不知道处理这种情况的最佳方法是什么。

Ember 数据中非常缺乏对 hasMany 和 BelongsTo 关系进行适当的脏检查和回滚。它当前的行为方式经常被报告为错误。这对很多开发人员来说是一个很大的痛点，这里正在讨论如何解决这个问题：

https://github.com/emberjs/rfcs/pull/21

在找到适当的解决方案之前，您可以使用以下方法解决此问题。

首先，您需要重新打开 DS.Model 并扩展它。如果您使用全局变量，则可以将其（例如 DS.Model.reopen({})）放在任何地方，但如果您使用 Ember CLI，最好创建一个初始化程序（例如 ember g 初始化程序模型）：

import DS from 'ember-data';

export function initialize(/* container, application */) {

    DS.Model.reopen({

        saveOriginalRelations: function() {

            this.originalRelations = {};
            this.constructor.eachRelationship(function(key, relationship) {

                if (relationship.kind === 'belongsTo')
                    this.originalRelations[key] = this.get(key);

                if (relationship.kind === 'hasMany')
                    this.originalRelations[key] = this.get(key).toArray();

            }, this);
        },

        onLoad: function() {

            this.saveOriginalRelations();

        }.on('didLoad', 'didCreate', 'didUpdate'),

        onReloading: function() {

            if (!this.get('isReloading'))
                this.saveOriginalRelations();

        }.observes('isReloading'),    

        rollback: function() {

            this._super();

            if (!this.originalRelations)
                return;

            Ember.keys(this.originalRelations).forEach(function(key) {

                // careful, as Ember.typeOf for ArrayProxy is 'instance'
                if (Ember.isArray(this.get(key))) {
                    this.get(key).setObjects(this.originalRelations[key]);
                    this.get(key).filterBy('isDirty').invoke('rollback');
                    return;
                }

                if (Ember.typeOf(this.get(key)) === 'instance') {
                    this.set(key, this.originalRelations[key]);
                    return;
                }

            }, this);
        },

        isDeepDirty: function() {
            if (this._super('isDirty'))
                return true;

            if (!this.originalRelations)
                return false;

            return Ember.keys(this.originalRelations).any(function(key) {

                if (Ember.isArray(this.get(key))) {
                    if (this.get(key).anyBy('isDirty'))
                        return true;

                    if (this.get(key).get('length') !== this.originalRelations[key].length)
                        return true;

                    var dirty = false;
                    this.get(key).forEach(function(item, index) {
                        if (item.get('id') !== this.originalRelations[key][index].get('id'))
                            dirty = true;
                    }, this);

                    return dirty;
                }

                return this.get(key).get('isDirty') || this.get(key).get('id') !== this.originalRelations[key].get('id');

            }, this);
        }
    });
};

export default {
    name: 'model',
    initialize: initialize
};

上面的代码本质上存储了加载或更新时的原始关系，以便稍后可以用于回滚和脏检查。

model.rollback() 现在应该回滚所有内容，包括 hasMany 和 BelongsTo 关系。不过，我们还没有完全解决“isDirty”检查问题。为此，我们需要在模型的具体实现中重写 isDirty。我们需要在这里执行此操作而不能在 DS.Model 中通用执行此操作的原因是因为 DS.Model 不知道要监视哪些属性更改。以下是使用 Ember CLI 的示例。相同的方法将用于全局变量，只不过您将此类分配给 App.Book 之类的东西：

import DS from 'ember-data';

var Book = DS.Model.extend({

    publisher: DS.belongsTo('publisher'),

    authors: DS.hasMany('author'),

    isDirty: function() {
        return this.isDeepDirty();
    }.property('currentState', 'publisher', 'authors.[]', '[email protected]').readOnly()

});

export default Book;

对于 isDirty 的依赖参数，请确保包含所有 ownTo 关系，并且还包含“array.[]”和“[电子邮件受保护]' 对于每个 hasMany 关系。现在 isDirty 应该按预期工作。