Özel HTML - Ralli TreeGrid

Question

Merhaba, aşağıdaki koddan bir hata alıyorum ve neden olduğunu düşündüğümden emin değilim. Rapora karmaşıklık eklemeden önce kodumun düzgün çalıştığından emin olmak istiyorum.

bunun için yeni böylece herhangi bir yardım büyük takdir değilim ": Ertelenmiş Ertelenmiş dönüştürülmüş sonucunun Ertelendi dönüştürülmüş sonucu için başarı geri arama attı: ReferenceError myGrid tanımlanmadı Hata"

launch: function() { 
    this._createGrid(); 
}, 

_createGrid: function() { 
    Ext.create('Rally.data.wsapi.TreeStoreBuilder').build({ 
     models: ['PortfolioItem/Initiative'], 
     autoLoad: true, 
     enableHierarchy: true 
    }).then({ 
     success: function(store) { 
      var myGrid = Ext.create('Ext.Container', { 
       items: [{ 
        xtype: 'rallytreegrid', 
        columnCfgs: ['Name', 'Owner'], 
        store: store 
       }], 
       renderTo: Ext.getBody() 
      }); 
     } 
    }); 
    this.add(myGrid); 
}, 

}); 

!

Answer 1

Sen içine çalıştıran nedeniyle bileşenler ve konteynerler yukarıda cevapta belirtildiği this kapsam sorunu ile kombine ExtJS davranmaya nasıl bazı karışıklıklara yol muhtemelen konum sorunu. sen hep yerleşik bileşen sorgulama özelliği kullanarak bulabilirsiniz beri etrafında bir myGrid referansı tutmak gerekiyor gibi

_createGrid: function() { 
    Ext.create('Rally.data.wsapi.TreeStoreBuilder').build({ 
     models: ['PortfolioItem/Initiative'], 
     autoLoad: true, 
     enableHierarchy: true 
    }).then({ 
     success: function(store) { 
      //The app class is already a container, so you can just 
      //directly add the grid to it 
      this.add({ 
       xtype: 'rallytreegrid', 
       itemId: 'myGrid', 
       columnCfgs: ['Name', 'Owner'], 
       store: store 
      }); 
     }, 
     scope: this //make sure the success handler executes in correct scope 
    }); 
} 

Ayrıca hissetmek gerekmez: Burada

bunu yazardım nasıl ExtJS:

var myGrid = this.down('#myGrid'); 

Answer 2

Daha sonra bu undefined olduğunu _createGrid fonksiyonu sonunda kullanmaya çalışınca, success fonksiyon kapsamı içine myGrid tanımlarken. Bunu, thissuccess işlevinin içinde doğru şekilde bağlı olmadığından bu şekilde yapmaya çalıştığınızı varsayalım. Bunun yerine bu deneyin:

_createGrid: function() { 
    var self = this; 
    Ext.create('Rally.data.wsapi.TreeStoreBuilder').build({ 
     models: ['PortfolioItem/Initiative'], 
     autoLoad: true, 
     enableHierarchy: true 
    }).then({ 
     success: function(store) { 
      var myGrid = Ext.create('Ext.Container', { 
       items: [{ 
        xtype: 'rallytreegrid', 
        columnCfgs: ['Name', 'Owner'], 
        store: store 
       }], 
       renderTo: Ext.getBody() 
      }); 
      self.add(myGrid); 
     } 
    }); 
},