GRID拖拽行的例子

//创建第一个GRID 
var firstGrid = new Ext.grid.GridPanel({ 
ddGroup : 'secondGridDdGroup',//这里是第二个GRID的ddGroup 
store       : firstGridStore, 
enableDragDrop : true,//True表示启动对于GridPanel中选中行的拖动行为 
……其他属性省略 
}); 

//创建第二个GRID 
var secondGrid = new Ext.grid.GridPanel({ 
ddGroup : 'firstGridDdGroup',//这里是第一个GRID的ddGroup 
store       : secondGridStore, 
enableDragDrop : true,//True表示启动对于GridPanel中选中行的拖动行为 
……其他属性省略 
}); 

//创建第一个GRID的ddGroup 
var firstGridDropTargetEl = firstGrid.getView().el.dom.childNodes[0].childNodes[1]; 
var firstGridDropTarget = new Ext.dd.DropTarget(firstGridDropTargetEl, { 
ddGroup    : 'firstGridDdGroup',//和第二个GRID的ddGroup相同 
copy        : true, 
notifyDrop : function(ddSource, e, data){ 
   function addRow(record, index, allItems) { 
    var foundItem = secondGridStore.find('name', record.data.name); 
    if (foundItem == -1) { 
     firstGridStore.add(record); 
     firstGridStore.sort('name', 'ASC'); 
     ddSource.grid.store.remove(record); 
    } 
   } 
   Ext.each(ddSource.dragData.selections ,addRow); 
   return(true); 
} 
)}; 

//创建第二个GRID的ddGroup 
var secondGridDropTargetEl = secondGrid.getView().el.dom.childNodes[0].childNodes[1]; 
var secondGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl,{ 
ddGroup : 'secondGridDdGroup',//和第一个GRID的ddGroup相同 
copy        : true, 
notifyDrop : function(ddSource, e, data){ 
   function addRow(record, index, allItems) { 
    var foundItem = secondGridStore.find('name', record.data.name); 
    if (foundItem == -1) { 
     secondGridStore.add(record); 
     secondGridStore.sort('name', 'ASC'); 
     ddSource.grid.store.remove(record); 
    } 
   } 
   Ext.each(ddSource.dragData.selections ,addRow); 
   return(true); 
} 
});