Wie man ein Panel in extjs

Question

zerstören Ich habe ein Rahmenlayout, in dem Westseite wenige Knöpfe haben. Wenn Sie auf die Schaltflächen klicken, werden einige Felder im mittleren Bereich angezeigt. Hier ist ein Beispielcode für das eine Panel, das im zentralen Panel angezeigt wird.

Jetzt habe ich ein Buton namens Einstellung, die ein Fenster öffnen. Fenster mit einigen Kontrollkästchen. Darin habe ich eine Checkbox namens Legends. Ich möchte, wenn ich auf Kontrollkästchen Legenden klicken, dann von oben Bedienfeld showLegends: true.Wenn showLegends wahr ist, wird es ein Legendpanel erstellen und bei false möchte ich dieses Panel zu zerstören.

ShowLegends: true

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

Wie kann ich zerstöre diese Platte, wenn Showlegends durch die Beantwortung dieser false.Please Hilfe ist !!

Answer 1

if (me.showLegends) { 
 
legendPanel = Ext.create('Igo.panel.LegendsPanel', { 
 
    itemId: graphConfig.itemId + 'legends', 
 
    graphId: graphConfig.itemId 
 
}); 
 
} 
 
else 
 
{ 
 
    if(legendPanel) 
 
    parentnode.remove(legendPanel,true); //ParentNode is parent component of legentPanel, second argument oprional. 
 
}

Answer 2

hoffe, das hilft, Ext.getCmp (id) gibt Ihnen das Objekt mit einer bekannten id, in Ihrem Fall myPanel1

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