Custom Drag & Drop

var drag = new Ext.dd.DragZone(Ext.get('boxes'), {
  containerScroll: true, 
  ddGroup: 'ddBoxes'
});
drag.getDragData = function(e) {
  var t = e.getTarget('div.box');
  if (t) {
    return { ddel: t };
  }
}
var drop = new Ext.dd.DropTarget(Ext.get('target'), {
  ddGroup: 'ddBoxes'
});
drop.notifyDrop = function(source, e, data) {
  this.getEl().appendChild(data.ddel);
}
Box 1
Box 2