如何刷新中心面板并刷新内容

Question

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

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

现在我有一个叫setting的按钮打开一个窗口。窗口有一些checkboxes。我有一个checkbox称为缩放。我想点击复选框缩放然后从面板showZoom : true上方点击。现在showzoom是假的，但在检查时它应该是真的并刷新面板并相应地显示结果。

  

缩放的控制器代码

onzoomPanelClick: function(field, checked) {
    var me = this;
    var centerContainer = Ext.getCmp('center');
    var graphIDItem = centerContainer.items.items;
    if (checked) {
        for (var i = 0; i < graphIDItem.length; i++) {
            if (graphIDItem[i].chartType == "line") {
                graphIDItem[i].showZoom = true;
            } else if (graphIDItem[i].chartType == "groupedBoxPlot") {
                graphIDItem[i].showZoom = true;
            }
        }
    } else {
        for (var i = 0; i < graphIDItem.length; i++){
            graphIDItem[i].showZoom = false;
        }
    }
}

如何点击复选框showZoom : true并在中心平移显示结果。我尝试刷新但没有工作。

  

showZoom

 if (me.showZoom) {
 graphConfig.graphPanel.itemId = graphConfig.itemId + 'ZoomPanel';
 zPanel = Ext.create('mgo.panel.ZoomPanel', graphConfig.graphPanel);
 cPanel.add(zPanel);

}

 if (this.config.showZoom) {
 mgoCenterPanelItems.push(Ext.create('mgo.panel.ZoomPanel',     this.config.graphPanel));

}