extjs panel html 居中,关于ExtJS通过单击左边的treePanel在居中的panel加载页面问题

这几天整ExtJS通过单击treePanel在居中的panel加载页面问题。第一次加载的页面正常显示在panel中，但是从第二次单击菜单，加载的页面都不正常显示。问题出在加载页面的js代码中：

问题一：不应该使用Ext.getBody进行渲染，应该渲染在div中id中。

问题二：设置listeners:{ render:function(){

Ext.getCmp('centerCmp').getSize()} };

Ext.create('Ext.grid.Panel',{

title:'xx',

height:Ext.getCmp('centerCmp').getHeight(),

width:Ext.getCmp('centerCmp').getWidth(),

store:store,

loadMask:true,

forceFit:true,

columns:[

{header:'传输瓶编号',dataIndex:'bottleId'},

{header:'登记时间',dataIndex:'createTime'},

{header:'类型',dataIndex:'type'}

],

bbar:Ext.create('Ext.toolbar.Paging',{

store:store,

displayInfo:true,

displayMsg:'显示第{0}条  - 第{1}条记录 ,共计 {2}条',

emptyMsg: "没有数据",

plugins:Ext.create('Ext.ux.ProgressBarPager',{})

}),

tbar:Ext.create('Ext.toolbar.Toolbar',{

items:['->',

{fieldLabel:'开始日期',xtype:'datefield',value:'请选择开始查询日期'},"-",

{fieldLabel:'结束日期',xtype:'datefield',value:'请选择结束查询日期'},'-',

{text:'查询',xtype:'button',iconCls:'icon-search'}

]

}),

//centerCmp居中panel的id

listeners:{

render:function(){

this.updateBox(Ext.getCmp('centerCmp').getSize());

}

},

//渲染到页面的div

renderTo:'bottleLog'

});