GRID ドラッグ行のコード例_JavaScript スキル

-------------------------- GRID 行ドラッグのサンプルコード 単一行ドラッグ-------------- -- ------------

コードをコピー コードは次のとおりです:

//最初の GRID を作成します
var firstGrid = new Ext.grid.GridPanel({
ddGroup : 'firstGridDdGroup',//ここに 2 番目の GRID がありますddGroup
store : firstGridStore,
enableDragDrop: true,//True は、GridPanel
で選択された行のドラッグ動作を開始することを意味します...他の属性は省略されます
});

//2 番目の GRID を作成します
var SecondGrid = new Ext.grid.GridPanel({
ddGroup : 'firstGridDdGroup',//ここに最初の GRID
store の ddGroup があります : 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', //2 番目の 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);
}
)};

//2 番目の GRID ddGroup を作成します

var SecondGridDropTargetEl = SecondGrid.getView().el.dom.childNodes[0].childNodes[1];
var SecondGridDropTarget = new Ext.dd.DropTarget (secondGridDropTargetEl ,{
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) {
SecondGridStore.add(record); > SecondGridStore.sort('name', 'ASC');
ddSource.grid.store.remove(record);
}
}
Ext.each(ddSource.dragData.selections ,addRow );
return(true);
}
});