Ext JS添加子组件的误区探讨(js添加列表项)

编辑：rootadmin

经常会有人问我，为什么我的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做开发，基本不会出现这么尴尬的情况了，因而可以将子组件做成视图，然后在控制器中将视图添加到容器中就可以了。

推荐整理分享Ext JS添加子组件的误区探讨(js添加列表项)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js 怎么给内容添加样式,js 添加子节点,js添加表单元素,js添加内容,js添加内容,js添加子元素,js excel表格组件,js添加子元素,内容如对您有帮助，希望把文章链接给更多的朋友！

Extjs4 Treegrid 使用心得分享(经验篇) 最近调试EXTJS4的treegrid实例，看了很多水友的文章，以及官方的demo，没一个可靠的，全都无法显示出来。像对于我们习惯用C++的coder来说，EXTJS简直就是

ExtJs设置GridPanel表格文本垂直居中示例业务场景，需要实现最终效果图如下：GridPanel代码如下配置：{xtype:'grid',id:'grid_jglb',frame:true,region:'center',title:'列表详细信息',columnLines:true,loadMask:true,store

Ext中下拉列表ComboBox组件store数据格式用法介绍 varp_years=newExt.form.ComboBox({fieldLabel:'统计年份',anchor:anchor_w,mode:'remote',maxHeight:,triggerAction:'all',selectOnFocus:true,forceSelection:true,editable:false,//store:[['',''],