首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

renderTo跟applyTo的区别

2012-11-04 
renderTo和applyTo的区别Extjs的组件有两个看起来类似的配置项,applyTo和renderTo,这两个配置项都是用来指

renderTo和applyTo的区别

Extjs的组件有两个看起来类似的配置项,applyTo和renderTo,这两个配置项都是用来指定将该extjs组件加载到什么位置。那他们到底有什么区别呢?

个人认为这两篇文章写的不够通俗。

写一个简单的例子来看看最终生成了什么代码。

?此代码生成的html如下:
renderTo跟applyTo的区别

?

?

?如果是applyTo:button,则生成的代码为:
renderTo跟applyTo的区别


?很明显,简单的说,applyTo是将组件加在了指定元素之后,而renderTo则是加在指定元素之内。

?

接下来,我们再稍稍探寻下extjs源码的奥秘。看看extjs内部是如何使用这两个配置项的,利用firebug插件调试一下ext-all-debug.js这个文件。在Ext.Component的构造函数Ext.Component = function(config){…}中有这样一段代码(3.1.0版本是9270行):

    

热点排行
Bad Request.