DomHelper创建新的可折叠面板

我是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之前创建同一面板时，它会正确显示。但我以后需要添加/删除面板

有人能帮忙吗

---

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

您可以轻松解决以下问题：

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

var d=Ext.DomHelper.append（document.body'）；
Ext.ComponentMgr.create（fooPanel.render）（d）；

---

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

我不确定这是否是最干净的方式（对于Extjs和web开发人员来说，我是一个全新的bie），但这对我来说很有用：）谢谢