bbf-sortable-list.js

bbf-sortable-list.js

 Form.editors.SortableList = Form.editors.List.extend({
   initialize: function() {
     Form.editors.List.prototype.initialize.apply(this, arguments);
   },

   render: function() {
     Form.editors.List.prototype.render.apply(this, arguments);

     // sorting
     if (!this.sortable) {
       var self = this;
       this.sortable = new Sortable(this.$list.get(0), {
         draggable: 'li',
         onUpdate: function(e) { self.updateSort(e); }
       });
     }

     return this;
   },

   updateSort: function(sortable, e) {
     var sorted = [];
     _.each(this.items, function(item) {
       var index = item.$el.index(this.$list);
       sorted[index] = item;
     });

     this.items = sorted;
   },
 });

Uses https://github.com/RubaXa/Sortable