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);

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

DomHelper创建新的可折叠面板

1 个答案: