DomHelper 创建新的可折叠面板

Question

我是 ExtJs 的新手，我正在尝试创建一个可折叠面板，并希望将其插入到 Dom 中。我的做法如下：

this.foo_holder = Ext.DomHelper.append(document.body, [{id : 'testdiv'}]);

       var fooPanel = {
          xtype         : 'panel',
          height        : 100,
          title         : 'fooPanel',
          titleCollapse : true,
          collapsed     : true,
          collapsible   : true,
          html          : 'Blah Blah'
        };

        Ext.DomHelper.append(this.foo_holder, fooPanel);

但是，它只是在插入面板时显示 html。我没有看到任何标题栏或标题或任何可折叠功能。 当我在 dom 渲染之前创建相同的面板时，它会正确显示。但我需要稍后添加/删除面板。

有人可以帮忙吗？

此外，任何有关如何动态删除组件的输入都将非常有用！

Answer 1

您可以轻松地解决这样的问题：

var d = Ext.DomHelper.append(document.body, '<div>' );
Ext.ComponentMgr.create(fooPanel).render(d);

这可能不是最干净的，但可行。希望这有帮助。