使用hasMany关系将外键保存到其他Model

Question

我有以下问题.

在我的应用程序中,我有一个新的屏幕Site.但是当我通过action控制器保存新站点时,languages-property不会随POST-request一起发送到服务器.

添加新站点的模板是这样的:

<form class="form-horizontal">
<div class="control-group">
    <label class="control-label" for="name">Name</label>
    <div class="controls">
        {{view Ember.TextField valueBinding="name"}}
    </div>
</div>
<div class="control-group">
    <label class="control-label" for="languages">Languages</label>
    <div class="controls">
        {{view Ember.Select contentBinding="controllers.languages" selectionBinding="languages" optionValuePath="content.id" optionLabelPath="content.description" multiple="true"}}
            </div>
</div>
<div class="form-actions">
    <button {{ action "createSite" }} class="btn btn-primary">Save</button>
</div>

我把Store这个定义为:

App.Store = DS.Store.extend({
    revision : 12,
    adapter : DS.RESTAdapter.extend({
        namespace : 'rest'
    })
});

这是我的控制器:

App.SitesNewController = Em.ObjectController.extend({
    needs: ['languages'],
    name: null,
    languages: null,
    createSite : function() {
        var self = this;
        var name = this.get('name');
        var languages = this.get('languages');
        // Create the new Site model
        var s = App.Site.createRecord({
            name : name
        });
        $.each(languages,function(i,lang) {
            s.get('languages').addObject(lang);
        });

        this.get('store').commit();
    }
});

这是Site-model

App.Site = DS.Model.extend({
    name : DS.attr('string'),
    languages : DS.hasMany('App.Language')
});

Language-模型:

App.Language = DS.Model.extend({
    description : DS.attr('string')
});

在POST发送到我的服务器-请求的数据是这样的:

{
  "site":{"name":"test"}
}

所以我想念language-property.实际上我期望一个language_ids带有id的数组的属性.

当我RESTAdapter像这样编辑我的配置时:

DS.RESTAdapter.map('App.Site', {
    languages: { embedded: 'always' }
});

现在 - POST请求数据是:

{
  "site": {
    "name":"test",
    "languages":[{
      "id":2,"description":"English"
    },{
      "id":3,"description":"Deutsch"
    }]
  }
}

知道语言嵌入在请求数据中.这没问题,在id我保存之前我得到了后端.但是知道它希望language-data也嵌入到GET响应中.

id在POST数据中只发送's'的方法是什么？我希望它是这样的:

{
  "site": {
    "name":"test",
    "languages":[2,3]
  }
}

Answer 1

这个答案主要源于其他StackOverflow答案.

App.Store = DS.Store.extend({
    revision : 12,
    adapter : DS.RESTAdapter.extend({
        namespace : 'rest',
        serializer: DS.RESTSerializer.extend({
            addHasMany: function (hash, record, key, relationship) {
                var type = record.constructor,
                    name = relationship.key,
                    serializedHasMany = [], 
                    manyArray, embeddedType;

                embeddedType = this.embeddedType(type, name);
                if (embeddedType !== 'always') { return; }

                manyArray = record.get(name);

                manyArray.forEach(function (record) {
                    serializedHasMany.push(record.get('id'));
                }, this);

                hash[this.singularize(key) + '_ids'] = serializedHasMany;
            }

        })

    })
});

作为参考,您可以查看JSONSerializer,其中RESTSerializer大部分来自继承.addHasMany可以在这里找到代码.

请注意,对于上面的代码段,唯一真正不同的行是最后几行.而不是序列化嵌入式记录,id被推送到单一化键下的哈希(RESTSerializer#keyForHasMany如果它没有自己的嵌入式类型检查,我会使用它.