title: How to Refresh center panel and refresh the content
body: <p>I have a border layout in which west side have few buttons. On click of buttons few <code>panels</code> will show in central panel. Here is example code of the one panel which display in central panel. </p>
  
  <pre><code>{
          xtype: 'myPanel', //  User define panel
          itemId: 'myPanel1',
          showZoom: false,
          showLegends:false,
          showSlider: false,
          showDataGrid: true,
          chartType: 'line',
          controlPanel:false,
          orientation: 'x'
      }
  </code></pre>
  
  <p>Now I have one buton called <code>setting</code> which open one window. Window having some <code>checkboxes</code>. In that I have one <code>checkbox</code> called Zoom. I want when I click on checkbox zoom then from above panel <code>showZoom : true</code>. Right now showzoom is false but on check it should be true and refresh the panel and display the result accordingly. </p>
  
  <blockquote>
    <p><strong>Controller code for Zoom</strong></p>
  </blockquote>
  
  <pre><code>onzoomPanelClick: function(field, checked) {
      var me = this;
      var centerContainer = Ext.getCmp('center');
      var graphIDItem = centerContainer.items.items;
      if (checked) {
          for (var i = 0; i &lt; 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 &lt; graphIDItem.length; i++){
              graphIDItem[i].showZoom = false;
          }
      }
  }
  </code></pre>
  
  <p>How to make <code>showZoom : true</code> on click of check box and show the result in center pan. I tried with refresh but did'nt work.</p>
  
  <blockquote>
    <p>showZoom</p>
  </blockquote>
  
  <pre><code> if (me.showZoom) {
   graphConfig.graphPanel.itemId = graphConfig.itemId + 'ZoomPanel';
   zPanel = Ext.create('mgo.panel.ZoomPanel', graphConfig.graphPanel);
   cPanel.add(zPanel);
  </code></pre>
  
  <p>}</p>
  
  <pre><code> if (this.config.showZoom) {
   mgoCenterPanelItems.push(Ext.create('mgo.panel.ZoomPanel',     this.config.graphPanel));
  </code></pre>
  
  <p>}</p>