如何使用ExtJS銷燬對象的所有實例？

Question

我創建2塊板一樣，隨着框架ExtJS的（我知道這是不是最好的方法）：

var panel = Ext.create("Ext.panel.Panel", { 
       title: "first panel", 
       width: 400, 
       height: 250, 
       renderTo: Ext.getBody(), 
       html: "test 1" 
      }); 

panel = Ext.create("Ext.panel.Panel", { 
       title: "second panel", 
       width: 400, 
       height: 250, 
       renderTo: Ext.getBody(), 
       html: "test 2" 
      }); 

現在，我有我的瀏覽器2個板。現在，如果我這樣做：

panel.destroy(); 

它只銷毀最後一個。 所以我的問題是：我如何銷燬第一個面板？有沒有一種方法可以包含瀏覽器中的所有面板？ ？我每次存儲的ID面板，以便以後消滅他們......

Answer 1

試試這個：

var objArray = Ext.ComponentQuery.query("Ext.panel.Panel"); 

objArray包含所有面板對象。

現在運行一個for循環並銷燬所有對象。

Answer 2

如果你讓他們不同的變量（或您所管理的一個數組），你可以單獨摧毀他們：

var panel1 = Ext.create("Ext.panel.Panel", { 
    ... 
}); 

var panel2 = Ext.create("Ext.panel.Panel", { 
    ... 
}); 

panel1.destroy(); 
panel2.destroy(); 

或者這樣：

var panels = []; 
var panels[0] = Ext.create("Ext.panel.Panel", { 
    ... 
}); 

var panels[1] = Ext.create("Ext.panel.Panel", { 
    ... 
}); 

for (var i=0; i<panels.length; i++) 
{ 
    panels[i].destroy(); 
}