How to sort an ArrayController backed by Ember-Model?

Question

Prior to using Ember-Model sorting my ArrayController with sortProperties and sortAscending worked as expected. Lately I switched to Ember-Model and the sorting feature doesn't work anymore.

Code so far:

App.Movie = Ember.Model.extend({
  rating: Ember.attr(),
  title: Ember.attr(),
  watched: Ember.attr(),
  year: Ember.attr(),
});

App.MoviesIndexController = Ember.ArrayController.extend({
  sortProperties: null,
  sortAscending: null,

  actions: {
    sortByAttribute: function (attr) {
      if (this.get('sortProperties')) {
        if (this.get('sortProperties')[0] === attr) {
          this.toggleProperty('sortAscending');
        } else {
          this.set('sortProperties', [attr]);
        }
      } else {
        this.set('sortProperties', [attr]);
        this.set('sortAscending', true);
      }
    }
  }
});

<table>
  <thead>
    <tr>
      <th {{action "sortByAttribute" "year"}}>Year </th>
    </tr>
  </thead>
  ...
</table>

Any idea?

Thx

this worked for me: http://stackoverflow.com/a/16435444/836968 — , Nov 23 '13 at 17:40

score 1 · Accepted Answer · answered Nov 23 '13 at 15:17

1

It looks like it works to me, here's a jsbin example

http://emberjs.jsbin.com/eKibapI/8/edit

answered Nov 23 '13 at 15:17

Kingpin2k

47,277
10
78
96

How to sort an ArrayController backed by Ember-Model?

1 Answers1