Drag and Drop - DDProxy

Examples

 

Note: click the Disable Logger button to make the drag operation less choppy

Sortable List

This example extends DDProxy to implement a sortable list. When a list item is dragged past the center of another list item, it is inserted before that item. The items in the first two columns can interact with items in the other column. The items in the third column are defined as a separate group, so they can only interact with other items in the third column.

Mode:
  • li 0
  • li 1
  • li 2
  • li 3
  • li 4
  • li 5
  • li 6
  • li 7
  • li 8
  • li 9
  • li 10
  • li 11
  • li 12
  • li 13
  • li 14
  • li 15
  • li 16
  • li 17
  • li 18
  • li 19
 
  • li 20
  • li 21
  • li 22
  • li 23
  • li 24
  • li 25
  • li 26
  • li 27
  • li 28
  • li 29
  • li 30
  • li 31
  • li 32
  • li 33
  • li 34
  • li 35
  • li 36
  • li 37
  • li 38
  • li 39
 
  • li 40
  • li 41
  • li 42
  • li 43
  • li 44
  • li 45
  • li 46
  • li 47
  • li 48
  • li 49
  • li 50
  • li 51
  • li 52
  • li 53
  • li 54
  • li 55
  • li 56
  • li 57
  • li 58
  • li 59