renderTo和applyTo的区别
Extjs的组件有两个看起来类似的配置项,applyTo和renderTo,这两个配置项都是用来指定将该extjs组件加载到什么位置。那他们到底有什么区别呢?
个人认为这两篇文章写的不够通俗。
写一个简单的例子来看看最终生成了什么代码。
?此代码生成的html如下:
?
?
?如果是applyTo:button,则生成的代码为:
?很明显,简单的说,applyTo是将组件加在了指定元素之后,而renderTo则是加在指定元素之内。?
接下来,我们再稍稍探寻下extjs源码的奥秘。看看extjs内部是如何使用这两个配置项的,利用firebug插件调试一下ext-all-debug.js这个文件。在Ext.Component的构造函数Ext.Component = function(config){…}中有这样一段代码(3.1.0版本是9270行):
![]()
![]()