關於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'
});