区别于；“适用于”；及；contentEl"；在extJS中

extJS中的

applyTo

和

contentEl

有什么区别？它们是面板的两个配置属性。

applyTo

将面板渲染为目标元素（面板主体仍然可以包含任何内容），

contentEl

将目标元素用作其主体内容（面板仍然可以渲染为任何其他元素）。这两种方法是不相关的

编辑：请注意，从Ext 4.0+开始，

applyTo

config不再存在。随着时间的推移，声明式/渐进式增强策略对于Ext变得不太可行（它从来没有在所有组件中得到完全支持），最终他们停止支持它。您将始终使用now（以编程方式渲染到目标元素），而仍然有效，并且仍然指示从中获取内容并将其添加到面板主体中的元素。

contentEl

在页面上有一些现有HTML时最有用，您希望在面板组件中显示这些HTML，而无需在JS代码中重现内容标记

当我在这里的时候，我想我会澄清一些其他的事情。。。了解

renderTo

通常仅由应用程序布局中最顶层的容器使用，这一点很重要。应始终将所有子组件添加到容器中——通过

renderTo

将子组件直接呈现到目标元素意味着这些组件将不参与Ext托管布局系统，而您通常不希望在应用程序中使用该系统

---

另一个区别是Ext中的每个组件都支持

renderTo

，但只有某些组件（最有用的面板）以有意义的方式支持

contentEl

。尽管

contentEl

是在

AbstractComponent

上定义的，但大多数组件都不是为处理任意HTML内容而设计的。

通常，apply使用指定的元素作为组件的主元素，而contentEl仅适用于在呈现面板用作内容时将指定元素移动到面板主体中的面板

因此，applyTo等于“renderTo”？applyTo假设现有内容提供Ext所需的结构标记，并在其上呈现组件。renderTo只是将现有元素视为要呈现到的父容器。文档非常清楚这些元素的作用，您应该更仔细地查看它们。