javascript - arraycontrollerから子オブジェクトをソートする方法は?

Question

私は次のように2つのオブジェクトを持っています:

AC.Category = DS.Model.extend({
  name: DS.attr('string'),
  order: DS.attr('number'),
  subcats: DS.hasMany('AC.SubCategory')
});

AC.SubCategory = DS.Model.extend({
  name: DS.attr('string'),
  order: DS.attr('number'),
  category: DS.belongsTo('AC.Category')
});

IndexRoute を介して、すべてのカテゴリを (「順序」プロパティによって) 順番に出力しようとしています。したがって、コードは次のようになります。

AC.IndexRoute = Ember.Route.extend({
  model: function() {
    return AC.Category.find();
  }
});

AC.IndexController = Ember.ArrayController.extend({
  sortProperties: ['order'],
  sortAscending: true
});

これにより、トップレベルのカテゴリがうまくソートされますが、サブカテゴリを送信する方法がわからないため、それらを順番に出力できます。

Emberでこれを行うにはどうすればよいですか、それともサーバー側でそれを行い、すでにソートされたAPIを介してデータを渡す必要がありますか?