说一下我的布局,北,西,中布局,中布局是一个panel,里面套了一个tabpanel,俩都不设高度,ie6下没问题,自动扩展到最大,在IE8里,tabpanel的高度只有200多像素高,怎样让这个tab自动扩展到整个center区域呢?
代码如下:
var accordion = new Ext.Panel({
region:'west',
split:true,
width: 200,
layout:'accordion',
items: [item1, item2, item3, item4, item5]
});
var northPanel = new Ext.Panel({
region: 'north',
layout: "anchor",
height: 54,
cls: "docs-header",
frame: false,
split: false,
item: {
xtype: "box",
el: "header",
border: true
}
});
var tabs = new Ext.TabPanel({
resizeTabs:true,
minTabWidth: 115,
tabWidth:135,
border:false,
height:window.screen.height-270,////////////////这里不设,IE6就正常,没办法,写死了,凑合能用,但是缩小窗体就不行了。
enableTabScroll:true,
defaults: {autoScroll:true},
plugins: new Ext.ux.TabCloseMenu(),
items:[{
id:'defaultP',
title: '主界面',
iconCls: 'home',
html: '<iframe id="iframe_main" style="width:100%;height:100%" src="../mainpage.aspx" frameborder="0" scrolling="auto"></iframe>',
closable:false
}]
});
tabs.activate('defaultP');
var center=new Ext.Panel({
region:'center',
items:[tabs]
});
var viewport = new Ext.Viewport({
layout:'border',
items:[accordion,northPanel,tabs]
});
代码如下:
var accordion = new Ext.Panel({
region:'west',
split:true,
width: 200,
layout:'accordion',
items: [item1, item2, item3, item4, item5]
});
var northPanel = new Ext.Panel({
region: 'north',
layout: "anchor",
height: 54,
cls: "docs-header",
frame: false,
split: false,
item: {
xtype: "box",
el: "header",
border: true
}
});
var tabs = new Ext.TabPanel({
resizeTabs:true,
minTabWidth: 115,
tabWidth:135,
border:false,
height:window.screen.height-270,////////////////这里不设,IE6就正常,没办法,写死了,凑合能用,但是缩小窗体就不行了。
enableTabScroll:true,
defaults: {autoScroll:true},
plugins: new Ext.ux.TabCloseMenu(),
items:[{
id:'defaultP',
title: '主界面',
iconCls: 'home',
html: '<iframe id="iframe_main" style="width:100%;height:100%" src="../mainpage.aspx" frameborder="0" scrolling="auto"></iframe>',
closable:false
}]
});
tabs.activate('defaultP');
var center=new Ext.Panel({
region:'center',
items:[tabs]
});
var viewport = new Ext.Viewport({
layout:'border',
items:[accordion,northPanel,tabs]
});
center Panel 设置layout:'fit'
不行的话layoutConfig:{type:'vbox',align:'stretch'} 然后在tab里加flex:1,这种方法一定行
region:'center',
layout:"fit",
items:[tabs]
});