Backbone collection sort

sampleCollection.js

var app = app || {};

(function(){
  "use strict";
  
  app.Collection = Backbone.Collection.extend({
    model: app.Model,
    // initial sort when collection fetched first time
    comparator: "id"
  });
  
  app.collection = new app.Collection();
})();

sampleSortInView.js

var app = app || {};

(function(){
  "use strict";
  
  app.View = Backbone.View.extend({
    events: {
      "click .sortable": "sortTable"
    },
    
    initialize: function(){
      this.$list = this.$(".sortable-table");
      // your initialize script
    },
    
    render: function(){
      // your render actions
    },
    
    /**
     * sample sortable table is like
     * <table class="sortable-table">
     *   <thead>
     *     <tr>
     *       <td class="asc" data-sort="id">ID</td>
     *       <td data-sort="name">Name</td>
     *       <td data-sort="order">Order</td>
     *     </tr>
     *   </thead>
     *   <tbody>
     *      ...
     *   <tbody>
     * </table>
     */
    sortTable: function(e){
      e.preventDefault();
      
      var $e = $(e.currentTarget),
          sortBy = $e.data("sort"),
          direction = $e.hasClass("asc") ? "desc" : "asc";
      
      // note that, for rendering, only "tbody" should re-render,
      // and thead part will remain same. 
      // the asc/desc classes could be used both for direction in
      // rendering and also displaying the sort direction arrows
      this.$list.find(".sortable").removeClass("asc desc");
      $e.addClass(direction);
          
      sortCollection(this.collection, sortBy, direction);
    };
  });
})();

sortCollection.js

/**
 * Backbone Collection comparator modifier
 * Modifies the comparator method according to given column name and the directions
 * By default, collection sorted according to "id" in ascending order.
 * @param sortBy
 * @param direction
 */
 
  sortCollection = function(collection, sortBy, direction) {
    collection.comparator = function(item1, item2) {
      if(direction === "desc") {
        return item1.get(sortBy) > item2.get(sortBy) ? -1 : 1;
      }
      return item1.get(sortBy) > item2.get(sortBy) ? 1 : -1;
    };
    collection.sort();
  };