Я помещаю tabBar tabPanel в верхнее положение и сохраняю нижний стиль, поэтому обращайтесь к этой теме , и результат отображения в порядке, но панель вкладок не расширяет все пространство, в верхнем правом углу страницы отображаетсяфон.(около 30 пикселей при моем разрешении 1024 пикселей).когда для просмотра используется Chrome, если я открываю Инструменты разработчика, а затем закрываю его, панель вкладок становится нормальной.(занимают весь экран с).Я пытаюсь tabPanel.doLayout () или viewPort.doLayout (), оба не работают.
Пожалуйста, дайте любой совет, Спасибо!
var tabPanel = new Ext.TabPanel({
id:'tabPanel',
tabBar : {
dock : 'top',
layout : { pack : 'right' },
},
listeners: {
single: true,
afterlayout: function (panel) {
var dom = Ext.select('.x-docked-top', panel.getEl().dom).first().dom;
dom.className = dom.className.replace('x-docked-top', 'x-docked-bottom');
}
},
defaults: {
scroll: 'vertical'
},
cardSwitchAnimation: {
type: 'slide',
duration: 1
},
flex: 1,
ui: 'light',
items : [
{
iconCls : 'icon1',
items: [ scanPanel ]
},
{
iconCls : 'icon2',
items: [ logPanel ]
}
]
});
...
var viewPort = new Ext.Panel({
fullscreen : true,
layout : {
type : 'fit',
align : 'stretch'
},
items : [ tabPanel]
});