javascript - ExtJS:将预先存在的 div 包装到 Extjs 容器中

我想知道是否有一种方法可以创建一个 Extjs 容器或一个面板，其中的内容取自页面 DOM 中预先存在的元素。该页面已在 div 中包含所需的标记，但我想将其包装在 extjs 容器中并将其放入 Extjs 管理的布局中。

如果您问为什么:我正在使用 ASP.Net MVC 模板创建页面标记，并希望保持这种方式，而不是使用 Javascript 或使用 XTemplates 构建 DOM 客户端。我想以传统方式构建 html，然后使用客户端 Extjs 代码为它们设置几个容器和布局管理器。

最佳答案

您可以使用 contentEl配置属性。在此配置中，您可以指定现有的 HTML 元素或现有 HTML 元素的 ID 以用作组件的内容。

正文中的 HTML:

<div id="panelContent">
    Content inside panelContent div
</div>

内容为 div 的 ExtJS 面板:

Ext.create('Ext.panel.Panel', {
    title: 'Test Panel',
    width: 200,
    contentEl: 'panelContent',
    renderTo: Ext.getBody()
});

关于javascript - ExtJS:将预先存在的 div 包装到 Extjs 容器中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21090013/