Ext JS添加子组件的误区
2024-08-24 20:20:04
经常会有人问我,为什么我的Grid不能岁窗口的变得而自动调整。了解后,发现很多人都习惯在渲染子组件的时候将Gird渲染到容器内的一个div里,而这正是问题的所在。
在Ext JS的布局系统中,能控制到的是容器的子组件,而对于渲染到容器中一个DIV的Grid,它并不知道在这容器里添加了一个Grid,当调整大小的时候,也就无法去调整Grid的大小了,而这也就是为什么Grid不会随容器的改变而改变了。
为什么那么多人喜欢使用这种方式来添加子组件呢?我想原因主要有以下两点:
- 不知道如何在容器内添加子组件,
- 习惯了使用JQuery等其他框架的开发方法,一时无法改变
第一个原因,只要是动态添加Grid,搞到很多初学者束手无策,譬如,我的Grid要从远程返回后才知道怎么创建,我怎么去拿这个脚本和添加到容器呢?笔者在学习Ext JS也犯过这样的错误,可以理解。所以,本文的作用就是来解惑的。
办法有两个:一是,使用Ajax把整个Grid(或其他组件的配置对象)加载到本地,然后使用容器的add方法就可以将组件添加到容器;一是直接使用容器的load功能,直接加载子组件并渲染,返回的数据就是子组件的配置对象。
第二个原因是习惯问题,只能自己去修正了,尽快熟悉Ext JS的开发模式就可以很容易改掉这个习惯。
如果是使用Ext JS 4的MVC做开发,基本不会出现这么尴尬的情况了,因而可以将子组件做成视图,然后在控制器中将视图添加到容器中就可以了。
最新文章
- windowsxp设置开机不需密码,但是锁定后打开需要密码
- vim 上下左右变成ABCD 解决办法
- gameObject, vector and transform
- Python阅读清单
- ARM学习笔记6——程序状态寄存器访问指令
- Netty4.0学习教程
- jQuery的扩展
- Cocos2d学习之路五(Box2d使用CCPhysicsSprite时编译不通过解决方法)
- Yii2.0 多条件搜索 带分页
- JAVA和C++区别
- sql server 行转列 Pivot UnPivot
- Python 字符串字典内置函数&;方法
- java+appium 自动化环境搭建
- 使用while和read命令读取文件内容
- [Shell]获取IP地址
- HDU - 5785:Interesting (回文树,求相邻双回文的乘积)
- APP-1-相关介绍及资料
- Android:异步处理之Handler+Thread的应用(一)
- Aggressive cows
- 学习MongoDB 四: MongoDB查询(一)