GRID拖曳行的實例程式碼_javascript技巧

---------------------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
 
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,
copy       record, index, allItems) {
    var foundItem = secondGridStore.find('name', record.data.name);
    if (foundItem == -1) {
 
     firstGridStore.sort('name', 'ASC');
     ddSource.grid.store.remove(record);
    }
,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 : functiondata record, index, allItems) {
    var foundItem = secondGridStore.find('name', record.data.name);
    if (foundItem == -1) {
 
     secondGridStore.sort('name', 'ASC');
     ddSource.grid.store.remove(record);
    }

   return(true);
}
});