关于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的idlisteners:{render:function(){this.updateBox(Ext.getCmp('centerCmp').getSize());}},//渲染到页面的divrenderTo:'bottleLog'
});

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

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

ExtJs非Iframe框架加载页面实现
在用Ext开发App应用时,一般的框架都是左边为菜单栏,中间为tab页方式的显示区域.而tab页面大多采用的嵌入一个iframe来显示内容.但是采用iframe方式有一个很大的弊端就是每次在加载一个新 ...
Extjs创建多个application实现多模块MVC动态加载。。
这几天用extjs4.1做项目,有很多功能模块,使用mvc开发,系统有很多功能模块.如果用一个application进行开发,那么所有功能模块的js都得全部加载....很恐怖.. 例如: 图片 Ext ...
窗体分为左右两部分，要求在左边栏点击按钮时，右边动态加载窗体
http://smartsoft.5d6d.com/thread-7420-1-1.html 今天在做项目时候遇到一个问题,窗体分为左右两部分,要求在左边栏点击按钮时,右边动态加载窗体最后想到用pa ...
ExtJs TreePanel 不能加载ashx数据的解决办法
今天学习Extjs TreePanel 时在加载动态数据时经常加载不进来,因为我是使用MVC2获取动态数据的,单独调试MVC的返回数据时OK的,网上有很多解决方案,其中最简单的是: loader: n ...
ExtJs TreePanel使用TreeLoader在IE下无法正常加载显示的解决方法
小菜使用如下代码生成TreePanel,代码与ExtJs自带的examples类似,在Firefox下运行正常,不过在IE下无法正常显示. Code <script language=" ...
Extjs中加载异步树的最简单例子实现
<!-- Author:Lovingshu&&Mr Samael Date:2012/06/25 Remark:Teach You How To Build A AsyncTre ...
ExtJS 等待两个/多个store加载完再执行操作
Extjs加载Store是异步加载的,这有很多好处.但是当我们要在两个或多个不同的store加载完再执行一些操作时,异步加载就成了一个问题.在Stack Overflow 等网站搜集并试用了几个处理方 ...
extjs 文件加载、解析流程
extjs版本:4.2.1 在html中添加应用的启动脚本,如下: <script src="app.js"></script> 2. 用户访问html的时 ...
extjs ajax 遮罩层,[Ext JS 4] 实战之Load Mask(加载遮罩)的显示与隐藏
前言 Load Mask(遮罩)效果,就是在页面还没有完全显示出来之前, 加上一个转装转的效果. 类似: 添加这样的效果有两个好处: 1. 在页面没完全show出来之前, 把后面的页面给遮罩起来, 防 ...

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

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

最新文章

热门文章