[Ext JS 4] contentEL,renderTo, applyTo 释义与区别

前言

经常使用contentEL,renderTo, applyTo 来增加HTML元素或是Ext JS 组件，这几个之间有什么关系，为什么Ext JS要提供这几种不同的方式？

官方解释

ContentEL

从Ext.AbstractComponent这个类开始有这个配置。

使用一个已存在的HTML元素，或者是这个元素的id 来作为某个组件的的内容。(是在组件渲染后加入)

需要注意的是：

在render事件触发的时候，在文档中还找不到这个元素。这个HTML元素不会参与组件使用的布局方案。

为了防止添加进面板时出现短期的闪烁， 最好时添加 x-hidden或是x-hide-display 的CSS 类。

renderTo

从Ext.AbstractComponent这个类开始有这个配置。

指定某个组件要渲染的元素的id 或是DOM元素。

注意：