关于gridPanel宽度自适应的问题

将gridPanel rendto到一个div上

<div id="mydiv" style="width: 100%"></div>

var vgrid = new Ext.grid.GridPanel({
title : '列子',
renderTo:"Mydiv",
autoHeight:false,
//autoWidth:true,  
// width: Ext.get("Mydiv").getWidth(), 
// width : '500',
height : '450',
store:vstore,
columns : [{
header : 'id',
dataIndex : ''},
{
header : 'name',
dataIndex : 'name'},
{
header : 'password',
dataIndex : 'password'},
{
header : 'sex',
dataIndex : 'sex'},
{
header : 'age',
dataIndex : 'age'},
{
header : 'bornDate',
dataIndex : 'bornDate'}
],
tbar : [{
text : '添加'
}, {
text : '删除'
}],
viewConfig: {  
           forceFit:true  
       }, 
bbar: new Ext.PagingToolbar({
       store: vstore,       // grid and PagingToolbar using same store
       displayInfo: true,
       pageSize: 2,
       prependButtons: true
   })
});

当窗口改变大小的时候 gridPanle 会自动适应窗口的大下

window.onresize=function(){ 

// alert(Ext.get("Mydiv").getWidth());
        vgrid.setWidth(Ext.get("Mydiv").getWidth()); 
}