在选项卡面板extjs4.2中添加工具栏

我创建了一个选项卡面板，该面板有三个选项卡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]
});

tabPanel=Ext.create（'Ext.tab.Panel'{
地区：'中心'，
活动选项卡：0，
autoScroll：是的，
项目：[
{   
id:“面板A”，
标题：“${tr.A}”，
html:“”，
},{
id:“面板B”，
标题：“${tr.B}”，
已禁用：选项卡的状态，
html:“”，
},{
id:“面板C”，
标题：“${tr.C}”，
已禁用：选项卡的状态，
html:“”，
}]
});
视口=新的外部视口({
布局：'边框'，
项目：[选项卡面板]
});

您可以使用：

便利配置。“顶栏”的缩写

示例：

您可以使用：

便利配置。“顶栏”的缩写

例如：

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