为什么我不能在extjs中通过ID查找后在选项卡上调用add（）？

Question

为什么在extjs中通过ID查找后，我不能在选项卡上调用“add”？

var tabPanel = new Ext.TabPanel({
    id:'maintabs',
    activeTab:0,
    layoutOnTabChange:true,
    deferredRender:false
 });
 var tab = {
   title:'testing',
   html:'testing'
 } 

 I can see in my chrome console that tabPanel here has the method "add", and I can add this tab to the tab panel... 

但是，当我在视口中定义我的标签时，如此......

initComponent: function(){
    Ext.apply(this, {
        layout: {
          type: 'fit'
        },
          items: [
          {
            xtype: 'tabpanel',
            id:'maintabs',
            layoutOnTabChange:true,
            deferredRender:false,
            activeTab: 0, // index or id
            items:[...

但是，考虑以下因素：

Ext.get('maintabs').add(tab);
TypeError: Object [object Object] has no method 'add'

这里给出了什么？为什么没有方法'添加'？

Answer 1

get和getCmp之间存在差异。 get()返回一个DOM元素的包装器。 getCmp()返回一个Ext.Component（或子类）。