ext TabPanel里面加GridPanel的问题 急！！！

Question

先贴上代码
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页哪出的问题。
请高手解答，很急！！！

Answer 1

tabpanel初始化的时候必须有一个tab页签，即在创建tabpanel时，就需要默认加一个tab页签，然后你在用
tabs.add方法增加tab页面，这样就可以。否则如果开始一个页签都没的话，就会有你这样的问题。你可以看下ext的api帮助文档，默认右边就有一个tab页，然后你点左边的树，右边会动态增加tab页签，但是第一个是默认存在，且无法关闭的。

Answer 2

tabs.activate(0);后面加一个
tabs.ownerCt.doLayout();试试...