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'
]
});