在 extjs4.2 的 tabpanel 中添加工具栏

Question

我创建了一个包含三个选项卡 A、B 和 C 的选项卡面板。现在我尝试在这些选项卡下方添加一个带有保存按钮的工具栏，格式如下：

这样做有什么帮助吗？

这是我的代码：

tabPanel = Ext.create('Ext.tab.Panel', {
    region: 'center',
    activeTab: 0,
    autoScroll: true,
    items: [
            {   
                id:"panel_A",
                title: "${tr.A}",
                html: "<iframe src= '"+A_url +"' width='100%' height='100%' id='frm_A' name='frm_A' frameborder=0 />",
            },{
                id:"panel_B",
                title: "${tr.B}",
                disabled:tabs_status,
                html: "<iframe src=''  width='100%' height='100%' id='frm_B' name='frm_B' frameborder=0 />",
            },{
                id:"panel_C",
                title: "${tr.C}",
                disabled:tabs_status,
                html: "<iframe src= '' width='100%' height='100%' id='frm_C' name='frm_C' frameborder=0 />",
            }]
    });


viewport = new Ext.Viewport({
    layout:'border',
    items:[tabPanel]
});

Answer 1

您可以使用 tbar:

Convenience config. Short for 'Top Bar'.

tbar: [
  { xtype: 'button', text: 'Save' }
]

示例：https://fiddle.sencha.com/#fiddle/13rh

在 extjs4.2 的 tabpanel 中添加工具栏

Add a toolbar in a tabpanel extjs4.2

extjs

extjs4.2