Drag and Drop - DDProxy

Examples

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:

The logger is paused for performance reasons. Click "Resume" to re-enable it.

  • Hidden
  • 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
  • Hidden
 
  • Hidden
  • 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
  • Hidden
 
  • Hidden
  • 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
  • Hidden