list1
 
  • list1 is a simple reorderable list (just add YuiDDList to each <li> item)
list2
list3
  • list2 and list3 are interactable becasue they have the same groupId
  • list2 is also a DDTarget on the <ul> to allow DDList items to drop on it when it is empty. If you drag all list3 items to list2, you can't drag it back because list3 is not a DDTarget
list4
list5
  • list4 & list5 are YuiDDListViewPanel for convenience
  • quirks : YuiDDList must be on <li>