javascript - 如何在extjs中销毁Panel

Question

我有一个边框布局，其中西侧有几个按钮。单击按钮后，中央面板中将显示几个面板。以下是显示在中央面板中的一个面板的示例代码。

{
    xtype: 'myPanel', //  User define panel
    itemId: 'myPanel1',
    showZoom: false,
    showLegends:false,
    showSlider: false,
    showDataGrid: true,
    chartType: 'line',
    controlPanel:false,
    orientation: 'x'
}

现在我有一个名为“设置”的按钮，可以打开一个窗口。有一些复选框的窗口。其中我有一个名为“图例”的复选框。我希望当我单击复选框图例时，然后从上面的面板中 showLegends : true。当 showLegends 为 true 时，它​​将创建一个 legendpanel，如果为 false，我想销毁该面板。

ShowLegends:true

 if (me.showLegends) {
 legendPanel = Ext.create('Igo.panel.LegendsPanel', {
     itemId: graphConfig.itemId + 'legends',
     graphId: graphConfig.itemId
 });
 }
 cPanel.add(gPanel);

当 Showlegends 为 false 时，我如何销毁此面板。请回答这个问题!

Answer 1

希望这有帮助，Ext.getCmp(id) 为您提供具有已知 id 的对象，在您的情况下为 myPanel1

if (me.showLegends) {
  legendPanel = Ext.create('Igo.panel.LegendsPanel', {
  itemId: graphConfig.itemId + 'legends',
  graphId: graphConfig.itemId
  });
}else{
  Ext.getCmp("myPanel1").destroy()
}