MooTools Sortables Test 2

styles: sort2.css source: Sortables.js control: options

clone element: revert effect: constrain: make draggable: list 1 list 2 list 3

serialize()

serialize(0)

serialize(1)

serialize(2)

serialize(false, function(element, index){
  return element.getProperty('id').replace('item-','');
});

serialize(2, function(element, index){
  return element.getProperty('id').replace('item-','') + '=' + index;
}).join('&'));

item 1-0
item 1-1
item 1-2
item 1-3
item 1-4
item 1-5
item 1-6
item 1-7
item 1-8
item 1-9
item 1-10
item 1-11
item 1-12
item 1-13
item 1-14
item 1-15

item 3-0handle
item 3-1
item 3-2handle
item 3-3
item 3-4handle
item 3-5
item 3-6
item 3-7
item 3-8
item 3-9
item 3-10
item 3-11
item 3-12
item 3-13handle
item 3-14
item 3-15handle
item 3-16
item 3-17handle
item 3-18
item 3-19
item 3-20
item 3-21
item 3-22
item 3-23

item 2-0
item 2-1
item 2-2
item 2-3
item 2-4
item 2-5
item 2-6
item 2-7
item 2-8
item 2-9
item 2-10
item 2-11
item 2-12
item 2-13
item 2-14
item 2-15
item 2-16
item 2-17
item 2-18
item 2-19