如何扩展Ext.tab.Panel

Question

我目前正在为我的新项目使用 ExtJS 4。我正在使用 MVC 架构并为其他组件使用小部件。

问题是我无法为 Ext.tab.Panel 创建实例。这是我的代码

app.js

Ext.Loader.setConfig({   enabled: true });
Ext.application({   
        name: 'FBSPAM',   
        autoCreateViewport: false,   
        appFolder: 'app',   
        controllers: ['Users'],   
        launch: function(){       
              Ext.create('Ext.container.Viewport', {        
                   layout: 'border',       
                   title: 'App',        
                   items: [
                          {                
                               region: 'west',                
                               title: 'Menu',                
                               width: 250,                
                               xtype: 'accordionmenu'            
                          },
                          {                
                               region: 'center',                
                               xtype: 'tab'               
                              //items: tabpanel            
                           }        
                     ]    
               });
         }
});  

view/Tab.js

Ext.define('FBSPAM.view.Tab',{   
       extend: 'Ext.tab.Panel',   
       alias: 'widget.tab',   
       height: '100%',   
       layout: 'fit',   
       border: false,   
       initComponent: function(){      
            this.items = [          
                  {
                        title: "Hello",
                        html: "Hello World"           
                   }                  
            ];              
            this.callParent(arguments);   
      }
}); 

错误消息：

Uncaught RangeError: Maximum call stack size exceeded  

Answer 1

那是因为你使用了别名。将 alias: 'widget.tab' 更改为其他内容（例如 widget.tab2），它将起作用。