DS.FixtureAdapter使用hasMany异步属性丢失夹具数据

时间:2014-07-30 17:41:12

标签: javascript ember.js ember-data

背景

我已经向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

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);
    });
},