Sorting a Backbone Collection After initialization
There's a discussion on this very topic that you might want to look at: https://github.com/documentcloud/backbone/issues/41.
The short of it is that when a user selects 'sort by X', you can:
- Set the
comparator
function on the Collection - Call the Collection's
sort
function (which will trigger asort
event) - Listen for the
sort
event in your View, and (clear and) redraw the items
Another way to handle steps 1 & 2 is to have your own method that calls the Collection's sortBy
method and then triggers a custom event that your View can listen to.
But it seems to be the case that clearing and redrawing is the easiest (and maybe even the fastest) way to sort your View's and keep them in sync with your Collection's sort order.
You can update the comparator function and then call the sort method.
// update comparator function
collection.comparator = function(model) {
return model.get('name');
}
// call the sort method
collection.sort();
The view will be automatically re-rendered.