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：

便利性配置。＆＃39; Top Bar＆＃39;
的缩写

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

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

在tabpanel extjs4.2中添加工具栏

1 个答案: