ExtJS的GridPanel中拖放功能

Question

Ext.namespace('Moca'); 
..... 

Moca.LaGrid = new Ext.grid.GridPanel({ 
store : Moca.Stores.LaStore, 
ddGroup: 'GridDD', 
enableDragDrop: true, 
..... 


    var ddrow = new Ext.dd.DropTarget(Moca.LaGrid.getView().mainBody, { 
      ddGroup : 'GridDD', 
      copy:false, 
      notifyDrop : function(dd, e, data){ 
       var sm=Moca.LaGrid.getSelectionModel(); 
       var rows=sm.getSelections(); 
       var ds = Moca.LaGrid.store; 
       var cindex=dd.getDragData(e).rowIndex; 
       for (i = 0; i < rows.length; i++) { 
        rowData=c.getById(rows[i].id); 
        if(!this.copy) { 
         ds.remove(ds.getById(rows[i].id)); 
         ds.insert(cindex,rowData); 
        } 
       }; 
      } 
     }); 

它給this.el是空EXT-all.js（line7）

請幫助？

Answer 1

首先猜測Moca.LaGrid在創建時沒有被渲染到它的容器，因此Moca.LaGrid.getView（）。mainBody將是null。嘗試在GridPanel已連接到其容器後創建ddrow。