Ember 数据：保存关系

Question

我需要一次将一个深度对象保存到服务器，并且无法在网上找到任何使用最新 ember 数据 (1.0.0-beta.4) 的示例。

例如，对于这些模型： (jsfiddle)

App.Child = DS.Model.extend({
    name: DS.attr('string'),
    age: DS.attr('number'),
    toys: DS.hasMany('toy', {async:true, embedded:'always'}),
});
App.Toy = DS.Model.extend({
    name: DS.attr('string'),
    child: DS.belongsTo('child')
});

还有这段代码：

actions: {
    save: function(){
        var store = this.get('store'),
            child, toy;

        child = store.createRecord('child', {
            name: 'Herbert'
        });
        toy = store.createRecord('toy', {
            name: 'Kazoo'
        });

        child.set('toys', [toy]);
        child.save();
    }
}  

它只保存子对象的 JSON，但不保存任何玩具——甚至没有侧面加载：

{
  child: {
    age: null
    name: "Herbert"
  }
}

我也必须手动保存玩具吗？无论如何，我可以让它将以下 JSON 发送到服务器：

{
  child: {
    age: null
    name: "Herbert",
    toys: [{
        name: "Kazoo"
    }]
  }
}

或者

{
  child: {
    age: null
    name: "Herbert",
    toys: [1]
  }
}

参见 JSFiddle：http://jsfiddle.net/jgillick/LNXyp/2/

Answer 1

这里的答案已经过时了。 Ember Data 现在支持嵌入式记录，这使您可以准确地执行您想要做的事情，即在一个大负载中获取和发送完整的对象图。例如，如果您的模型是这样设置的：

App.Child = DS.Model.extend({
    name: DS.attr('string'),
    age: DS.attr('number'),
    toys: DS.hasMany('toy')
});
App.Toy = DS.Model.extend({
    name: DS.attr('string'),
    child: DS.belongsTo('child')
});

您可以为您的 Child 模型定义自定义序列化程序：

App.ChildSerializer = DS.RESTSerializer.extend(DS.EmbeddedRecordsMixin, {
  attrs: {
    toys: {embedded: 'always'}
  }
});

这告诉 Ember Data 您希望将“玩具”作为“子”负载的一部分包含在内。您的 API 的 HTTP GET 响应应如下所示：

{
  "child": {
    "id": 1,
    "name": "Todd Smith",
    "age": 5,
    "toys": [
      {"id": 1, "name": "boat"},
      {"id": 2, "name": "truck"}
    ]
  }
}

当您保存模型时，Ember Data 会将其发送到服务器：

{  
   "child":{  
      "name":"Todd Smith",
      "age":5,
      "toys":[  
         {  
            "id":"1",
            "name":"boat",
            "child":"1"
         },
         {  
            "id":"2",
            "name":"truck",
            "child":"1"
         }
      ]
   }
}

这是一个演示这个的 JSBin。

http://emberjs.jsbin.com/cufaxe/3/edit?html,js,output

在 JSbin 中，当您单击“保存”按钮时，您需要使用 Dev Inspector 查看发送到服务器的请求。

Answer 2

玩具不能总是既异步又嵌入，这些是相互矛盾的选项。 Embedded 目前仅存在于活动模型序列化器上。

toys: DS.hasMany('toy', {embedded:'always'})

玩具是多对一关系，由于关系存在于 belongsTo 端，因此在玩具保存期间保存关系会更有效。话虽如此，如果您一次创建所有内容，则希望将其保存在一大块中，这就是覆盖发挥作用的地方。

serializeHasMany: function(record, json, relationship) {
  var key = relationship.key;

  var relationshipType = DS.RelationshipChange.determineRelationshipType(record.constructor, relationship);

  if (relationshipType === 'manyToNone' || relationshipType === 'manyToMany' ||
      relationshipType === 'manyToOne') {
    json[key] = get(record, key).mapBy('id');
    // TODO support for polymorphic manyToNone and manyToMany relationships
  }
 },

你的存档应该是这样的

    var store = this.get('store'),
        child, toy;

    child = store.createRecord('child', {
        name: 'Herbert'
    });
    toy = store.createRecord('toy', {
        name: 'Kazoo'
    });

    child.get('toys').pushObject(toy);
    child.save().then(function(){
       toy.save();
    },
    function(err){
      alert('error', err);
    });

Answer 3

我需要一个深的物体，而不是一个侧面加载的物体，所以根据 kingpin2k 的回答，我想出了这个：

DS.JSONSerializer.reopen({
    serializeHasMany: function(record, json, relationship) {
        var key = relationship.key,
            property = Ember.get(record, key),
            relationshipType = DS.RelationshipChange.determineRelationshipType(record.constructor, relationship);

        if (property && relationshipType === 'manyToNone' || relationshipType === 'manyToMany' ||
            relationshipType === 'manyToOne') {

            // Add each serialized nested object
            json[key] = [];
            property.forEach(function(item, index){
                json[key].push(item.serialize());
            });
        }
    }
});

现在当你调用child.serialize()，它会返回这个对象：

{
  child: {
    name: "Herbert",
    toys: [
      {
        name: 'Kazoo'
      }
    ]
  }
}

这是我需要的。这是 jsfiddle 的实际应用：http://jsfiddle.net/jgillick/LNXyp/8/