Sortable list demo



Sortable list 1

Sortable list with handles and context menu action

function contextAlert(){
   alert('Im a right click, look at me!')
};

var sortable1 = new Ext.ux.Sortable({
   container : 'sortable1',
   handles : true,
   contextMenu : contextAlert
});

sortable1.on('serialise', function(){
   alert('He slimed you');
});

Swap the group from default to the same as number 2 (underneath), function can accept arrays of groups too

Console.log(Serialise elements) - Firebug

Sortable list 2

Sortable list with no handles and no contextMenu

Disable number 2

var sortable2 = new Ext.ux.Sortable({
    container : 'sortable2',
    dragGroups : [
      'notTheSameAsThatOne',
      'sideways'
    ] });

sortable2.on('disable',function(){
   alert('Number2 disabled');
});

Sortable list 3

Horizontal list with handles

var sortable3 = new Ext.ux.Sortable({
   container : 'sortable3',
   handles : true,
   horizontal : true,
   dragGroups : [
      'sideways'
   ] });