왼쪽의 treePanel을 클릭하여 중앙에 있는 Panel에서 페이지를 로드하는 ExtJS 문제

며칠 동안 ExtJS는 트리패널을 눌러서 가운데 있는 패널에 페이지 문제를 불러옵니다.처음 불러온 페이지는 패널에 정상적으로 표시되지만, 두 번째 메뉴를 누르면 불러온 페이지가 정상적으로 표시되지 않습니다.문제는 페이지를 로드하는 js 코드에서 발생합니다.
문제1: Ext.getBody를 사용하여 렌더링하지 말고 div id에서 렌더링해야 합니다.
문제2: 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'
});