将选项卡添加到ExtJS中的现有工具栏

我有一个现有的工具栏，并希望为其添加选项卡，以便在使用卡布局的两个面板之间进行切换。什么是我最好的选择，是否有任何这样做的例子？将选项卡添加到ExtJS中的现有工具栏

是否可以将标签添加到我现有的工具栏？更改我现有按钮上的xtype并不能提供我希望看到的选项卡。
创建一个包含我的两张卡片的选项卡面板，将每个选项卡映射到其面板。有了这个选项，我可以添加额外的按钮和菜单到标签面板吗？

下面是我现有的工具栏代码的一个示例，message_button和attachments_button只是简单地有一个tab类型，然后以某种方式模拟选项卡功能？

Ext.define('MyArchive.Toolbar', {                                     
    alias: 'myarchive.toolbar',                                      
    extend: 'Ext.toolbar.Toolbar',                                     
    dock: 'top',                                          
    width: '100%',                                         
    items: [ 
    // Pretty straight forward buttons with a listener, nothing fancy 
    messages_button,                                         
    attachments_button,                                   
    '->',                                           
    { xtype: 'button', id: 'forward-button', text: 'Forward' },                              
    '-',                                           
    { xtype: 'button', id: 'recover-button', text: 'Recover' },                              
    '-',                                           
    {                                            
    text: 'Download',                                        
    menu: {                                          
     xtype: 'menu',                                        
     id: 'download-menu',                                      
     items: [                                         
     {xtype: 'menuitem', id: 'download-original', text: 'Original', iconCls: 'download-icon'},                     
     {xtype: 'menuitem', id: 'download-pdf', text: 'PDF', iconCls: 'pdf-icon'}                         
     ]                                           
    }                                            
    }                                            
    ]

来源

2011-09-02 mwilliams

是否有可能的选项卡添加到现有的工具栏？在我现有的按钮上更改 xtype没有为我提供希望看到的选项卡。

我试过了。但没有运气。

创建一个包含我的两张卡的标签面板，将每个标签映射到其面板。使用此选项，我可以将其他按钮和菜单添加到选项卡面板吗？

这是可能的。但结果看起来很丑（你可以用CSS来装饰它）。
使用tabpanel.tabBar.add()添加按钮和菜单（Here is demo）：

tabpanel.tabBar.add({ 
    xtype: 'button', 
    text: 'hallo, I\'m a button' 
}); 
tabpanel.tabBar.add({ 
    xtype: 'splitbutton', 
    text: 'Download', 
    menu: { 
     xtype: 'menu', 
     id: 'download-menu', 
     // ans so on ...

来源

2011-09-02 17:10:54

将选项卡添加到ExtJS中的现有工具栏

回答

相关问题