如何将面板添加到Extjs选项卡

我正在尝试将面板添加到tabpanel的选项卡（如下所示） 但我在控制台中看到“布局运行失败”

任何指针或一般情况下如何向选项卡添加组件 因为我在选项卡中看到的示例只是html

谢谢

{
                            xtype: 'tabpanel',
                            activeTab: 0,
                            width: 632,
                            //height: 300,
                            items: [
                                {
                                    title: 'Companies',
                                    layout: 'border',

                                    items: [
                                        {
                                            xtype: 'panel',
                                            region: 'center',
                                            width: 500,
                                            title: 'Tooler',

                                            items: []
                                        },
                                        {
                                            xtype: 'toolbar',
                                            region: 'south',
                                            width: 500,

                                            items: [
                                                '->',
                                                { text: 'Edit Company', action: 'edit' }
                                            ]//toolbar items
                                        }
                                    ]
                                },
                                {
                                    title: 'Access Group'
                                },
                                {
                                    title: 'Roles'
                                },
                                {
                                    title: 'Menus'
                                },
                                {
                                    title: 'Forms'
                                }
                            ]
                        }

---

尝试更类似于：

{
  xtype:'tabpanel',
  activeTab: 0,
  width: 632,
  height: 300,
  /*
  * -or- instead of specifying height/width,
  * depending on the parent container use a
  * layout e.g. layout:'fit'
  *
  */
  items:[
    {
       xtype:'panel'
       title'tab1',
       /*
       * again, try, e.g. layout:'fit',
       * also note you should put the toolbar here
       * using, e.g. tbar: Ext.create('Ext.toolbar.Toolbar, {properties, items...}),
       *
       */
       items:[
              ...etc....
       ]

    },
    {
       xtype:'panel'
       title'tab2',
       // again, try, e.g. layout:'fit',
       items:[
              ...etc....
       ]
    }
  ]
}

一般逻辑是-创建一个

选项卡面板

，然后每个选项卡都是此选项卡面板的一个项目（

面板

），其

标题

文本成为选项卡文本。然后，您可以根据每个子面板需要显示的内容来设置它们的内容，方法是定义它们的

html

，或者在它们的

项

属性下向它们添加更多的子

项

---

如果可能，不应将工具栏指定为项目，但应使用工具栏所用组件的

tbar

属性定义工具栏。如果希望工具栏显示在面板底部而不是顶部，请指定相同的工具栏，但使用

bbar

属性而不是

tbar

选项卡面板需要一个高度，因为边框布局需要一个高度，可以是隐式的（从布局中）也可以是显式的（通过指定高度）。