EXTJS选项卡面板使选项卡伸展以填充面板

Question

我遇到的问题是我无法在extjs选项卡面板上填充我的选项卡以填充面板的整个宽度。我曾尝试调用resizeTabs，但还没有找到答案，这事先感谢probelem。

Answer 1

将“layout：fit”添加到各个面板的配置中。

var tabs = new Ext.TabPanel({ 
    items: [{ 
     title: 'Tab 1', 
     html: 'A simple tab', 
     layout: 'fit' 
    },{ 
     title: 'Tab 2', 
     html: 'Another one', 
     layout: 'fit' 
    }] 
}); 

或者用于干衣机的方法，使用的TabPanel的“默认设置”配置选项，如果你想所有的面板有一个“合适”的布局：

var tabs = new Ext.TabPanel({ 
    defaults: { 
     layout: 'fit' 
    }, 
    items: [{ 
     title: 'Tab 1', 
     html: 'A simple tab' 
    },{ 
     title: 'Tab 2', 
     html: 'Another one' 
    }] 
}); 

Answer 2

在你一个tabpanel配置，添加以下tabBar config：

 tabBar: { 
      defaults: { 
       flex: 1 
      }, 
      dock: 'top', 
      layout: { 
       pack: 'center' 
      } 
     }