Как уничтожить панель в extjs

Question

У меня есть макет границы, в котором на западной стороне есть несколько кнопок. При нажатии кнопок на панели будут отображаться несколько панелей. Вот пример кода одной панели, которая отображается на центральной панели.

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

Теперь у меня есть одна кнопка, называемая настройкой, которая открывает одно окно. Окно с некоторыми флажками. В том, что у меня есть один флажок под названием Legends. Я хочу, когда я нажимаю на легенды флажков, а затем сверху панели showLegends: true. Когда showLegends истинно, это создаст легендарную панель, а на false я хочу уничтожить эту панель.

ShowLegends: истинные

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

Как я могу уничтожить эту панель, когда Showlegends является false.Please помощь, отвечая на это !!

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

Надеется, что это помогает, Ext.getCmp (ID) дает объект с известным идентификатором, в вашем случае myPanel1

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