如何使用ExtJS 4類模型獲取視口內的tabpanel？

Question

我遇到了extjs 4類模型的問題。我想獲得一個視口內的tabpanel。我通過定義一個自己的元素並使用xcode自動加載它來運行它。但是我沒有在父類本身內部完成它。

Ext.define('MyApp.views.TheWindow', { 
    extend : 'Ext.Viewport', 
    requires: [], 
    border : false, 
    layout : { 
     type : 'fit' 
    }, 
    initComponent : function() { 
     this.items = this.buildItems(); 
     this.callParent(); 
    }, 
    buildItems : function() { 
     return [ 
      { 
       extend: 'Ext.TabPanel', 
       activeTab: 0, 
       alias: 'widget.MyTapPanel', 
       items: [ 
        { 

         title: 'Artikel Manager', 
         html: 'test' 
         /*items: [ 
          { 
          } 
         ]*/ 
        }, 
        { 
         title: 'Artikel Manager', 
         html: 'test' 
         /*items: [ 
          { 
          } 
         ]*/ 
        } 
       ] 
      } 

     ]; 
    } 
}); 

我的代碼有什麼問題？

Answer 1

更換

extend: 'Ext.TabPanel', 

與

xtype: "tabpanel" 

而你並不需要定義的別名，因爲你不是定義新類（Ext.define），但你只是定義項CONFGI。