ember.js - 如何在 Ember Data 中对模型进行 "fork"

Question

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

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

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



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

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

Answer 1

我不确定在 Ember 中是否有标准或通用的方法来执行此操作，但我已经编写了一个 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]);
            }
        });
    }
});

将此添加到我的编辑路线后，我可以调用 setModelFromBuffer在我的 save行动。在我的模板中，我可以使用 {{#with buffer}} helper 。