extjs - 如何用ExtJS销毁一个对象的所有实例？

Question

我使用 ExtJS 框架创建了 2 个类似的面板(我知道这不是最好的方法):

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 循环并销毁所有对象。