视图中的ExtJS小部件

Question

我正在使用Ext.view.View创建一个新的ExtJS小部件。此视图的模板中需要有另一个ExtJS小部件。

当存储与视图相关联时，页面上呈现的模板项将包含另一个extjs小部件。

我找不到任何关于如何在模板中嵌入另一个extJS小部件的文档。

如果我不能在模板中嵌入一个小部件，有什么方法可以关联extjs组件，并在存储中按项存储和呈现该组件吗？

谢谢

Answer 1

您不能将任何Ext.Component嵌入到Ext.XTemplate中，因为模板只是描述了用于呈现某些内容的html级逻辑。同时Ext.Component比html字符串复杂得多。有两种方法可以让你达到你的效果

1. 将一些占位符添加到模板中。一旦呈现了模板(或视图)，您可以通过Ext.get方法找到占位符，并将您的组件(小部件)呈现为占位符(通过指定renderTo property)
2. Second选项是在Ext.XTemplate中使用某种方法，该方法将获取您的小部件并从中提取一些html (以防您的小部件没有任何逻辑，而仅仅是一个html)。