title: how to display the another view ,after destroyed the one view using sencha touch2
body: <p>My main  view containing the following code</p>
  
  <pre><code>items: [
              {
                  xtype:'headerpage',
                  docked:'top'
              },
              {  // this is the content area...
                  id: 'launchscreen',
                  cls : 'card',
                  scrollable: true,
                 xtype:'informationpage'
              },
              {
                  docked:'left',
                  xtype:'page1',
                  store: 'page1'
              }
  
          ],
  </code></pre>
  
  <p>In store i have 2 buttons page1,page2.</p>
  
  <p>when i click the page2 button it should display page2 view ,i tried the following </p>
  
  <pre><code> control: {
         '#page2id':{
                  tap:function(){
                      Ext.getCmp('launchscreen').destroy();
                      Ext.Viewport.add(Ext.create('App.view.page2'));
                     // Ext.Viewport.add('App.view.Page2');
                  }
              }
  } 
  </code></pre>
  
  <p>by using the above launchscreen is destroyed,but page2 isn't displayed in the place of lauchscreen.can anyone help me ...thanks in advance.</p>