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);

　　}

　　});