Question

I have a basic collection :

myCollection = Backbone.Collection.extend({
  model: myModel
  url: '/theurl',
  initialize: function(){
    this.fetch();
  })
})

When initialized, the collection receives items ordered by date.
I would like to be able to dynamically reorder the collection, using another model attribute (name, rating, etc.).

In the view associated with the collection, I tried to bind a click event to a callback like this :

reorderByName: function(){
  myCollection.comparator = function(item){
    return item.get('name');
  });
  this.render();
})

Unfortunately, that does not seem to work. Any suggestions as to how I could do it ?

Thanks.

Answer 1

It looks like you’ve only done half of what you need to do. You’ve given the collection its comparator, but you’ve not told it to resort itself. So you need to add something like this statement right before you render:

myCollection.sort();

Note that this will trigger a reset event which would be received by any object that you’ve bound this event to. If you wish to suppress triggering that event, you could make the call this way:

myCollection.sort({silent: true});

Hope this helps.