快捷導(dǎo)航

GRID拖拽行的實(shí)例代碼

更新時(shí)間：2013年07月18日 17:04:26 作者：

這篇文章介紹了GRID拖拽行的實(shí)例代碼，有需要的朋友可以參考一下

---------------------GRID拖拽行的實(shí)例代碼單行拖拽---------------------------------------

//創(chuàng)建第一個(gè)GRID
var firstGrid = new Ext.grid.GridPanel({
ddGroup : 'secondGridDdGroup',//這里是第二個(gè)GRID的ddGroup
store : firstGridStore,
enableDragDrop : true,//True表示啟動(dòng)對(duì)于GridPanel中選中行的拖動(dòng)行為
……其他屬性省略
});

//創(chuàng)建第二個(gè)GRID
var secondGrid = new Ext.grid.GridPanel({
ddGroup : 'firstGridDdGroup',//這里是第一個(gè)GRID的ddGroup
store : secondGridStore,
enableDragDrop : true,//True表示啟動(dòng)對(duì)于GridPanel中選中行的拖動(dòng)行為
……其他屬性省略
});

//創(chuàng)建第一個(gè)GRID的ddGroup
var firstGridDropTargetEl = firstGrid.getView().el.dom.childNodes[0].childNodes[1];
var firstGridDropTarget = new Ext.dd.DropTarget(firstGridDropTargetEl, {
ddGroup    : 'firstGridDdGroup',//和第二個(gè)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);
}
)};

//創(chuàng)建第二個(gè)GRID的ddGroup
var secondGridDropTargetEl = secondGrid.getView().el.dom.childNodes[0].childNodes[1];
var secondGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl,{
ddGroup : 'secondGridDdGroup',//和第一個(gè)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);
}
});