Question

我遇到以下问题。

在我的应用中，我有一个屏幕来制作新的Site。但是当我通过控制器上的action保存新网站时，languages - 属性不会随POST - 请求一起发送到服务器。

添加新网站的模板是：

<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 - 型号

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 - 属性。实际上我希望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 - 数据也嵌入在GET响应中。

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

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

Answer 1

这个答案主要来自this other StackOverflow answer。

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所做的代码here。

请注意，对于上面的代码段，唯一真正不同的行是最后几行。而不是序列化嵌入的记录，id被推送到单一化键下的哈希（如果它不have its own check for embedded types，我会使用RESTSerializer#keyForHasMany。

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

1 个答案: