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

2019独角兽企业重金招聘Python工程师标准>>>

这几天整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'
});

转载于:https://my.oschina.net/u/1052358/blog/204199