如何在 Ember Data 中“分叉”模型

Question

我不确定这是否是表达我的要求的正确方式。但是“fork”这个词出现在 Ember Data github 页面的路线图中。这是 EPF 的杀手级功能。我想知道我是否可以在 Ember Data 中做到这一点。

当我们有一个编辑页面并绑定一个模型时，fork 功能很有用。当我们编辑信息时，我不希望更改模型属性，因为如果模型属性也显示在其他位置，它们将自动更改。那不是我想要的。

一个示例是页面左侧的列表和页面右侧的特定模型的编辑表单。当我在文本字段中修改角色名称时，由于数据绑定，左侧的角色名称发生了变化。

EPF 通过“分叉”现有模型并将其设置在子会话中来解决此问题。 EPF 中的 session 与 Ember Data 中的 store 类似。当您修改分叉模型时，它不会影响主会话中的模型。分叉模型更新后可以合并回主会话，主会话中对应的模型也会更新。

我认为 Ember Data 中的解决方案是创建一个不同的存储并将模型复制到该存储。但这有点复杂。有没有人有更好的解决方案？我在stackoverflow和ember讨论论坛上搜索，没有找到答案。

Answer 1

我不确定在 Ember 中是否有 standard 或 common 方法来执行此操作，但我已经编写了一个 Mixin，我可以将它放在我的路由上给出模型的一些基本“缓冲”：

App.BufferedRouteMixin = Ember.Mixin.create({
    setupController: function(controller, model) {
        this.setBufferFromModel(controller, model);
        this._super(controller, model);
    },
    setBufferFromModel: function(controller, model) {
        var buffer = {};
        controller.set('model', model);
        model.eachAttribute(function(name, meta) {
            buffer[name] = model.get(name);
        });

        controller.set('buffer', buffer);
    },
    setModelFromBuffer: function() {
        var model = this.get('model'),
            buffer = this.get('buffer');

        model.eachAttribute(function(name, meta) {
            if (buffer[name]) {
                model.set(name, buffer[name]);
            }
        });
    }
});

将其添加到我的编辑路线后，我可以在我的 save 操作中调用 setModelFromBuffer。在我的模板中，我可以使用 {{#with buffer}} 助手。

Answer 2

我认为最简单的解决方案是拥有一个模仿模型结构的Ember.Object。进入编辑模式时，将模型中的属性复制到Ember.Object，然后让它们在那里更新，直到用户单击“保存”或您希望合并更改的任何操作。我做的一件重要的事情是将 mixin Ember.Copyable 添加到我的对象中。下面是我自己解决这个问题的一些代码。

注意:: 这段代码是为了防止模型在提交之前被创建，所以我的不是编辑，而是创建新的。

App.SomeModel = DS.Model.extend({
  user: DS.belongsTo('user'),
  home: DS.belongsTo('home'),

  cost: DS.attr('number'),
  title: DS.attr('string'),
  description: DS.attr('string'),
  category: DS.attr('number'),
  categoryName: function () {
    return Roomy.enums.TransactionCategories[this.get('category')]
  }.property('category'),
  date: DS.attr('date', {
       defaultValue: function() { return new Date(); }
  }),
  fuzzyDate: function () {
    return moment(this.get('date')).fromNow();
  }.property('date'),
  split: DS.attr('boolean'),
  contributors: DS.attr('array'),
  points: DS.attr('number')
});

App.SomeModelNew = Ember.Object.extend(Ember.Copyable, {
  user: null,
  home: null,
  cost: null,
  title: null,
  description: null,
  category: null,
  date: new Date(),
  split: false,
  contributors: [],
  points: null,
  copy: function () {
    return this.getProperties('cost', 'title', 'description', 'category', 'date', 'split', 'contributors', 'user', 'home');
}
});

然后为了保存这个模型，我做了这样的事情。
注意:: 由于关系，我必须使用带有 User 和 Home 的代码，简单地复制 User 和 Home 的 json 形式不会持久化关系并为模型提供它在数据库中所需的 ID。

控制器代码如下：

//Before this function is called, all the inputs in the form have been filled in and the instance now has values for all the fields that were defined for it
saveTxn: function (txn) {
    // txn is the App.SomeModelNew instance
    copy = this.store.createRecord('transaction', txn); // this returns the App.SomeModelNew.copy() object
    copy.set('user', txn.get('user')); // OVerwrite user for relationship
    copy.set('home', txn.get('home')); // Overwrite home for relationship
    return copy.save();
}

我希望这会有所帮助。