Home/ Questions/Q 8434607
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T06:42:10+00:00

At the moment I’m using JavaScript’s native sort() method to do my sorting in

  • 0

At the moment I’m using JavaScript’s native sort() method to do my sorting in Ember, but in reality I know I should be using Ember’s own sorting, but unfortunately I have absolutely no idea how to use it.

I don’t want to waste people’s time in explaining it for me (unless you’re a masochist), but if anybody knows of a fabulous article on how to sort a collection of models in EmberJS, then it would be more than appreciated!

At the moment I have something like the following, where I’m just about the implement the sorting using the native sort again, but I stopped myself there because I want to learn the proper way.

SortOption: Ember.View.extend(
{
    template:   Ember.Handlebars.compile('<li><a href="javascript:void(0);">{{ option }}</a></li>'),
    option:     null,

    click: function()
    {
        var rootView    = this.nearestWithProperty('people');
        var sortBy      = this.get('option');

        var sorted = rootView.get('people').orderBy('formalName');
        rootView.set('people', sorted)
    }
})
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This pull request is for updated documentation regarding SortableMixin.

    Ember.SortableMixin provides a standard interface for array proxies
to specify a sort order and maintain this sorting when objects are added,
removed, or updated without changing the implicit order of their underlying
content array:
  songs = [ 
   {trackNumber: 4, title: 'Ob-La-Di, Ob-La-Da'},
   {trackNumber: 2, title: 'Back in the U.S.S.R.'},
   {trackNumber: 3, title: 'Glass Onion'},
  ];  

  songsController = Ember.ArrayController.create({
  content: songs,
  sortProperties: ['trackNumber']

 });

 songsController.get('firstObject'); // {trackNumber: 2, title: 'Back in the U.S.S.R.'}
 songsController.addObject({trackNumber: 1, title: 'Dear Prudence'});
 songsController.get('firstObject'); // {trackNumber: 1, title: 'Dear Prudence'}

    Sortable Mixin is now included in the ArrayController as of 0.9.8 release (I believe). All you need to do is define a sortProperties array on your controller and use the arrangedContent property in your views. Here is an explanation from Ivan.

    • 0