DomHelper創建新的可摺疊面板

我是新來的ExtJs，我試圖創建一個可摺疊的面板，並希望將其插入到Dom中。我這樣做如下：DomHelper創建新的可摺疊面板

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之前創建相同的面板時，它會正確顯示。但我需要稍後添加/刪除面板。

任何人都可以幫忙嗎？

此外，有關如何動態刪除組件的任何輸入將非常有用！

來源

2011-03-22 advantej

可以easyly解決辦法像這樣的東西：

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

這可能不是最乾淨的，但作品。希望這可以幫助。

來源

2011-03-22 15:54:34 jujule

我不確定這是否是最乾淨的方式（對於Extjs和web開發人員而言，我一般都是新手）但是這對我有用:)謝謝 – advantej 2011-03-22 16:01:16

會很好，如果你能接受答案:) – jujule 2011-03-22 16:10:05

DomHelper創建新的可摺疊面板

回答

相關問題