ember.js – 将自定义适配器与Ember CLI中的特定型号相关联

我们最近从Ember切换到Ember CLI,我无法找到将模型与自定义适配器关联的正确惯例.

历史
我们为“创建”路径的一部分创建了一个文件上传模型的适配器,以便将表单数据和二进制数据推送到后端api [rails]中的一个端点.适配器使用FormData对象将该文件添加到请求中.我选择只使用此适配器用于具有文件的型号,并且非文件上传型号使用应用程序适配器.所以我希望ember应用程序支持多个适配器.

自定义适配器
在adapter / file-upload.js中

import DS from 'ember-data';
 
var FileUploadAdapter = DS.ActiveModelAdapter.extend({
    ajaxOptions: function(url,type,hash) {
        var self = this;
        hash = hash || {};
        hash.url = url;
        hash.type = type;
        hash.dataType = 'json';
        hash.context = this;
 
        //add post data to formdata object
        if (hash.data && type != 'GET' && type !='DELETE') {
          hash.processData = false;
          hash.contentType = false;
          var fd = new FormData();
          var root = Object.keys(hash.data)[0];
 
          for (var i = 0; i < Object.keys(hash.data[root]).length; i++) {
            var key = Object.keys(hash.data[root])[i];
            if (hash.data[root][key]) {
              fd.append(root + "[" + key + "]",hash.data[root][key]);
            }
          }
          hash.data = fd;
        }
 
        var headers = this.get('headers');
        if (headers) {
          hash.beforeSend = function(xhr){
            for (var i = 0; i < Ember.keys(headers).length; i++) {
              xhr.setRequestHeader(Ember.keys(headers)[i],headers[Ember.keys(headers)[i]]);
            }
          }
        }
 
        return hash;
    }
});
 
export default FileUploadAdapter;

在“经典”Ember中,我能够告诉ember通过这个惯例在模型上使用一个特定的适配器：

//given a model name "Person",specific adapter via {ModelName}Adapter
App.PersonAdapter = App.FileUploadAdapter.extend();

但是现在我们在Ember CLI中没有这些全局对象,有没有办法指定一个适配器？我假设我想在导出之前将我的模型分配给一个变量,并在那里进行其他设置.

我希望能够适应这个.i范例,所以请让我知道,如果你认为这样做太过分了.我可以回去使用一个适配器并在其中进行文件检测,但将自定义功能分离成多个适配器会使其更干净.

谢谢！

解决方法

Ember Data使用解析器查找适配器.通过适配器查找每个类型的适配器：< type>,因此对于一个Person,这是adapter：person.

ember-cli使用es6模块和jj-abrams-resolver根据文件名查找这些模块.通常查找是这样的：< type>：blah将寻找< type> s / blah,所以对于适配器：人们会寻找适配器/人.

要连接扩展您的FileUploadAdapter(位于适配器/文件上传)的PersonAdapter,您可以执行以下操作：

// adapters/person.js
 
import FileUploadAdapter from './file-upload';
 
export default FileUploadAdapter.extend();

您可以在应用程序的控制台中检查解析器：

// where `App` is the Global name for your app.
var applicationAdapter = App.__container__.lookup('adapter:application');
var personAdapter = App.__container__.lookup('adapter:person');

ember.js – 将自定义适配器与Ember CLI中的特定型号相关联

解决方法

猜你在找的JavaScript相关文章