extjs grid行拖动

Ext.onReady(function(){   
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
    var myData = [
        ['1','1','1'],
        ['2','2','2'],
        ['3','3','3'],
        ['4','4','4'],           
        ['5','5','5']
    ];
    var store = new Ext.data.ArrayStore({
        fields: [
           {name: 'a'},
           {name: 'b'},
           {name: 'c'},     
        ]
    });
    store.loadData(myData);
    var grid = new Ext.grid.GridPanel({
        store: store,
enableDragDrop: true,
        dropConfig: {appendOnly:false},
        ddGroup: "GridDD",
        columns: [
            {id:'a',header: 'a', width: 100, dataIndex: 'a'},
            {header: 'b', width: 100, dataIndex: 'b'},
            {header: 'b', width: 100, dataIndex: 'c'}
        ],
        height: 1000,
        width: 300      
    });
    grid.render('grid');//页面有一个div的id是“grid”
alert(grid.getView().mainBody);
var ddrow = new Ext.dd.DropTarget(grid.getView().mainBody, {     
            ddGroup: 'GridDD', 
            copy:false, 
            notifyDrop : function(dd, e, data) { 
                var sm = grid.getSelectionModel(); 
                var rows = sm.getSelections(); 
     
                var cindex = dd.getDragData(e).rowIndex;
                if (cindex == undefined || cindex < 0){ 
                    e.cancel=true; 
                    return; 
                } 
                for (i = 0; i < rows.length; i++) { 
                    rowData = store.getById(rows[i].id); 
                    if (!this.copy) { 
                        store.remove(store.getById(rows[i].id));  
                        store.insert(cindex, rowData);            
                    } 
                }
            } 
        });

});


html页面有个div  id为grid   同时将ext-all.css、ext-base.js、ext-all.js还有这个文件导入







//项目中具体应用
projectGrid.on('releteToLayer', function(id,projectName){
var authLayerToProjectSettingWindow = new Ext.ux.agsupport.AuthLayerToProjectSettingWindow({id:'authLayerToProjectSettingWindow', title:projectName,userId:userId,projectId:id});
authLayerToProjectSettingWindow.show();
// 数据加载提示
var myMask = new Ext.LoadMask(Ext.getBody(), {msg:"数据加载中，请稍候..."});
myMask.show();
function hideMask(){
myMask.hide();
}
setTimeout(hideMask, 1200);

//综合专题中的“图层”拖拽排序
new Ext.dd.DropTarget(Ext.getCmp("projectAuthLayerGrid").el, {     
            ddGroup: 'GridDD', 
           copy    : false,
            notifyDrop : function(dd, e, data) {
                var rows = Ext.getCmp("projectAuthLayerGrid").getSelectionModel().getSelections(); 
                var index = dd.getDragData(e).rowIndex;
                if (index == undefined || index < 0){ 
                    e.cancel=true; 
                    return; 
                } 
                for (i = 0; i < rows.length; i++) { 
                    if (!this.copy) { 
                        Ext.getCmp("projectAuthLayerGrid").getStore().remove(rows[i]);  
                        Ext.getCmp("projectAuthLayerGrid").getStore().insert(index, rows[i]);            
                    } 
                }
            }
});
});