ext TabPanel里面加GridPanel的问题 急!!!
先贴上代码
var tabs=new Ext.TabPanel({
renderTo:"tabContainer",
width:800,
height:400,
deferredRender:false
});
......
var grid1 = new Ext.grid.GridPanel
({
store:store1,
cm:cm,
loadMask:true,
viewConfig:{forceFit:true },
autoHeight:true
});
var grid2 = new Ext.grid.GridPanel
({
store:store2,
cm:cm,
loadMask:true,
viewConfig:{forceFit:true},
autoHeight:true
});
var grid3 = new Ext.grid.GridPanel
({
store:store3,
cm:cm,
loadMask:true,
viewConfig:{forceFit:true},
autoHeight:true
});
var grid4 = new Ext.grid.GridPanel
({
store:store4,
cm:cm,
loadMask:true,
viewConfig:{forceFit:true},
autoHeight:true
});
tabs.add({
id:"grid1",
title:'资源预警',
layout:'fit',
items:grid1
});
tabs.add({
id:’资源报表(一)’,
title:'',
layout:'fit',
items:grid2
});
tabs.add({
id:’资源报表(二)’,
title:'',
layout:'fit',
items:grid3
});
tabs.add({
id:’ 资源规划后评估表’,
title:'',
layout:'fit',
items:grid4
});
tabs.activate(0);
问题是这样的:四个tab页中,第一个tab页的grid表格显示有问题,显示在中间,长度没有占满整行。后面三个tab页面显示没问题,都是靠左且长度占满整行。
但是代码都是一样的,实在是不知道第一个tab页哪出的问题。
请高手解答,很急!!!