我已经向Ember Data团队提交了github issue,但我很想知道如何解决这个问题(或者如果我一直都弄错了)
如果此错误on jsfiddle
,您可以看到有效的演示此问题的解答:http://jsfiddle.net/cdownie/JxhBv/1/ 此处重复使用代码以获得更清晰的解释。
我有以下数据模型,我想用灯具测试:
App.Parent = DS.Model.extend({
name: DS.attr('name'),
kids: DS.hasMany('kids', {async : true})
});
App.Kid = DS.Model.extend({
name: DS.attr('name'),
grade: DS.attr('string')
});
我正在使用以下灯具来测试它:
App.Parent.FIXTURES = [
{id: 'doe', name: 'john', links: {kids: '/fake/url/for/kids'}}
];
App.Kid.FIXTURES = [
{id: 'doe-jr', name: 'john jr', grade: '4th'}
];
现在,DS.FixtureAdapter默认不支持这种关系,所以我必须编写自己的扩展,填写findHasMany
方法。在此实现中,我使用父ID作为所有子项的前缀。
App.CustomFixtureAdapter = DS.FixtureAdapter.extend({
defaultSerializer: '_umrest',
findHasMany: function(store, record, link, relationship) {
var type = relationship.type;
var parentId = record.get('id');
return store.findAll(relationship.type).then(function(children) {
var content = children.get('content');
var filteredContent = content.filter(function(child) {
return (child.get('id').indexOf(parentId) == 0);
});
// The children we return here are fully resolved with data.
var kid = filteredContent[0];
console.log('The findHasMany method is returning a kid with id :', kid.get('id'), ' name: ', kid.get('name'), ' grade:', kid.get('grade'));
return Ember.RSVP.resolve(filteredContent);
});
},
queryFixtures: function(fixtures, query, type) {
return fixtures;
}
});
在findHasMany
内,我的App.Kid
实体已完全解析。它的所有数据都在那里。但是,在请求父母的孩子的任何其他代码中,App.Kid
模型具有ID但没有其他数据。在我的演示中,这在索引路径中得到了证明:
App.IndexRoute = Ember.Route.extend({
model: function() {
// Return the first kid of the first parent (in our data: the only kid)
return this.store.findAll('parent').then(function(parentRecords) {
var parent = parentRecords.get('content')[0];
return parent.get('kids').then(function(kids) {
return kids.get('content')[0];
});
});
},
setupController: function(controller, model) {
var id = model.get('id'),
name = model.get('name'),
grade = model.get('grade');
console.log('The model in setupController is returning a kid with id:', id, ' name: ', name, ' grade:', grade);
console.log('Is that model fully loaded?', model.get('isLoaded') ? 'yes': 'no');
controller.set('id', id);
controller.set('name', name);
controller.set('grade', grade);
}
});
由于我们从自定义夹具适配器中的App.Kid
调用中获得完全解析的store.findAll(U.Kid)
模型,因此当我通过hasMany关系获取该模型时,我希望存在完全解析的模型
在js小提琴中:
DEBUG: Ember : 1.6.1
DEBUG: Ember Data : 1.0.0-beta.8.2a68c63a
DEBUG: Handlebars : 1.0.0
DEBUG: jQuery : 1.8.3
在另一个环境中:
DEBUG: Ember : 1.5.1
DEBUG: Ember Data : 1.0.0-beta.8.2a68c63a
DEBUG: Handlebars : 1.0.0
DEBUG: jQuery : 1.9.1
答案 0 :(得分:2)
我明白了。问题在于我findHasMany
的实施。系统需要一组vanilla数据对象,例如:
[{id: 'doe-jr', name: 'john jr', grade: '4th'}]
当我实际返回的是一组App.Kid
模型时。
修改后的方法如下:
findHasMany: function(store, record, link, relationship) {
var type = relationship.type;
var parentId = record.get('id');
return store.findAll(relationship.type).then(function(children) {
var content = children.get('content');
var filteredContent = content.filter(function(child) {
return (child.get('id').indexOf(parentId) == 0);
});
// Fixed the issue by pulling out the raw data from the fixture model
// and returning that.
var data = filteredContent.map(function(content) {
return content.get('data');
});
return Ember.RSVP.resolve(data);
// Switch that return statement to the following to show original bug:
// return Ember.RSVP.resolve(filteredContent);
});
},