经常会有人问我，为什么我的Grid不能岁窗口的变得而自动调整。了解后，发现很多人都习惯在渲染子组件的时候将Gird渲染到容器内的一个div里，而这正是问题的所在。
在Ext JS的布局系统中，能控制到的是容器的子组件，而对于渲染到容器中一个DIV的Grid，它并不知道在这容器里添加了一个Grid，当调整大小的时候，也就无法去调整Grid的大小了，而这也就是为什么Grid不会随容器的改变而改变了。
为什么那么多人喜欢使用这种方式来添加子组件呢？我想原因主要有以下两点：
1.不知道如何在容器内添加子组件，
2.习惯了使用JQuery等其他框架的开发方法，一时无法改变
第一个原因，只要是动态添加Grid，搞到很多初学者束手无策，譬如，我的Grid要从远程返回后才知道怎么创建，我怎么去拿这个脚本和添加到容器呢？笔者在学习Ext JS也犯过这样的错误，可以理解。所以，本文的作用就是来解惑的。
办法有两个：一是，使用Ajax把整个Grid（或其他组件的配置对象）加载到本地，然后使用容器的add方法就可以将组件添加到容器；一是直接使用容器的load功能，直接加载子组件并渲染，返回的数据就是子组件的配置对象。
第二个原因是习惯问题，只能自己去修正了，尽快熟悉Ext JS的开发模式就可以很容易改掉这个习惯。
如果是使用Ext JS 4的MVC做开发，基本不会出现这么尴尬的情况了，因而可以将子组件做成视图，然后在控制器中将视图添加到容器中就可以了。
0
0
Ext JS添加子组件的误区探讨_extjs
php中文网
发布时间：2016-05-16 17:30:55
|911人浏览过
|来源于php中文网
原创
相关文章
Ext JS 数据管理：实现 AJAX 代理请求与自定义数据读取器
Ext JS AJAX请求：通过代理与自定义读取器高效管理数据
Ext JS AJAX请求、代理与自定义数据读取器：高级数据管理指南
Ext JS中通过AJAX代理与自定义读取器实现数据加载的教程
Ext JS 框架升级指南：解决常见错误
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
不受国内限制的浏览器大全
想找真正自由、无限制的上网体验？本合集精选2025年最开放、隐私强、访问无阻的浏览器App，涵盖Tor、Brave、Via、X浏览器、Mullvad等高自由度工具。支持自定义搜索引擎、广告拦截、隐身模式及全球网站无障碍访问，部分更具备防追踪、去谷歌化、双内核切换等高级功能。无论日常浏览、隐私保护还是突破地域限制，总有一款适合你！
61
2025.12.31
html5怎么播放视频
想让网页流畅播放视频？本合集详解HTML5视频播放核心方法！涵盖<video>标签基础用法、多格式兼容（MP4/WebM/OGV）、自定义播放控件、响应式适配及常见浏览器兼容问题解决方案。无需插件，纯前端实现高清视频嵌入，助你快速打造现代化网页视频体验。
16
2025.12.31
html5怎么使用
想快速上手HTML5开发？本合集为你整理最实用的HTML5使用指南！涵盖HTML5基础语法、主流框架（如Bootstrap、Vue、React）集成方法，以及无需安装、直接在线编辑运行的平台推荐（如CodePen、JSFiddle）。无论你是新手还是进阶开发者，都能轻松掌握HTML5网页制作、响应式布局与交互功能开发，零配置开启高效前端编程之旅！
2
2025.12.31
热门下载
相关下载
精品课程
最新文章
