在Ember中从模型中排序嵌套数组?

时间:2015-03-06 16:57:16

标签: arrays sorting ember.js

所以我在Ember中有一个模型,它生成一个包含三个对象的哈希。其中一个对象是一个对象数组,每个对象内有另一个数组。我需要对这个最里面的数组进行排序,但是我很难这样做。

以下是我的模特。

App.Person = DS.Model.extend ({
    first_name: DS.attr('string'),
    last_name: DS.attr('string'),
    age: DS.attr('string'),
    gender: DS.attr('string'),
    innerMostArray: DS.hasMany('innerMostObject')
});

App.innerMostObject = DS.Model.extend ({
    person_id: DS.belongsTo('person'),
    attr1: DS.attr('string'),
    attr2: DS.attr('string')
});

这是我的路线

App.NestedArrayRoute = Ember.Route.extend({
    model: function(params) {
        return Ember.RSVP.hash({
            object1: this.store.find('object1', params.object1_id),
            people: this.store.all('person'),
            object3: this.store.all('object3')
        });
    },
    afterModel: function(model, transition) {
        model.people.forEach(function(item, index, enumerable){
            var innerMostArray = item.get('innerMostArray');
            var sortedArray = innerMostArray.sortBy('attr1', 'attr2');
        });
        model.people.update();
    } 
});

我知道我没有做到这一点,但我不知道如何对这个嵌套数组进行排序。我已经看过阵列控制器的例子,但我不知道如何使用它来对这个嵌套数组进行排序。如果有人能举例说明如何做到这一点会非常有帮助。谢谢。

2 个答案:

答案 0 :(得分:5)

我同意卡尔曼的回答,但我建议您使用内置方法进行排序,以免给您带来麻烦:

App.Person = DS.Model.extend({
   name: DS.attr('string'),
   fruits: DS.hasMany('fruit', {async: true}),
   fruitSorting: ['title', 'color'],
   sortedFruits: Ember.computed.sort('fruits', 'fruitSorting')
});

我在这里分享了他的例子:http://emberjs.jsbin.com/manutu/1/edit?html,js,output

答案 1 :(得分:3)

执行此操作的一种方法是在模型上创建计算属性,如下所示:

App.Person = DS.Model.extend({
  name: DS.attr('string'),
  fruits: DS.hasMany('fruit', { async: true }),
  sortedFruits: function(){
    var fruits = this.get('fruits');
    return fruits.sortBy('title', 'color');
  }.property('fruits.@each.title', 'fruits.@each.color')
});

工作示例here