title: Sencha Touch 2: loading view from button tap doesn't have bottom Tab bar and back button at the title bar
body: <p>I'm new to sencha and having a problem with tab bar. My first view has 2 buttons and a list below it. tapping any item list navigates to detail view and that view shows the bottom tab bar which has 4 icon and it has a back button that goes back to the homeContent view.</p>
  
  <p>Now when I tap on readyButton in homeContent.js , I want to navigate to ReadyScreenView.js. It is doing that now, however I don't have the back button at the top of this screen, and it doesn't have a tab bar. </p>
  
  <p>How can I make sure all the views has a tab bar and a back button that goes back to the previous screen. If I select the bottom bar icons, it navigates fine and tab bar remains. Only if the navigation is done by a button click, I don't see the bottom tab bar and back button. Any help would be highly appreciated. </p>
  
  <p>main.js</p>
  
  <pre><code>Ext.define('COSD.view.Main', {
  extend: 'Ext.tab.Panel',
  requires: [
      'Ext.TitleBar',
  ],
  config: {
      tabBarPosition: 'bottom',
      layout:'card',
  
      items: [
  
         {
          xtype:'homeContainer'
         },
         {
          xtype:'readyscreenview'
         },
         {
          xtype:'emergencyscreenview'
         },
         {
          xtype:'allnews'
         }
  
      ]
  }
  });
  </code></pre>
  
  <p>homeContainer.js</p>
  
  <pre><code>Ext.define('COSD.view.HomeContainer',{
  extend:'Ext.NavigationView',
  xtype:'homeContainer',
  config:{
      title:'Home',
      iconCls:'home',
  
  
      scrollable:true,
      styleHtmlContent:true,
      styleHTMLCls:'home',
      html:[].join(""),
  
      items:[
  
  
          {
              xtype:'newsContent'
          }
      ]
  
  }
  
  })
  </code></pre>
  
  <p>homeContent.js</p>
  
  <pre><code>Ext.define('COSD.view.HomeContent',{
  extend:'Ext.Panel',
  xtype:'newsContent',
  config:{
      title:'San Diego County Emergency ',
      iconCls:'home',
      cls:'toolbar',
      layout:'vbox',
  
      items:[
  
              {
  
                  xtype: 'button',
                  id:'readyButton',
                    style:'border-radius:0',
                    cls:'ReadyImageButton',
                  pressedCls:'ReadyImageButtonSelected',
  
  
      html:'&lt;div class="mainbutton-container-green"&gt; &lt;div class="mainbutton-thumb"&gt;&lt;img src="resources/images/AppHome_ReadyIcon-Default Platform.png" /&gt;&lt;/div&gt;&lt;div class="mainbutton-content"&gt;&lt;i&gt; &lt;h3 class="mainbutton-title"&gt;ReadySanDiego&lt;/h3&gt;&lt;p&gt;Plan, Prepare &lt;/p&gt;&lt;/i&gt;&lt;/div&gt;&lt;/div&gt;',
  
             },
             {
  
                  xtype: 'button',
                  id:'emergencyButton',
                    style:'border-radius:0',
                    cls:'EmergencyImageButton',
                 pressedCls:'EmergencyImageButtonSelected',
  
                  html:'&lt;div class="mainbutton-container-red"&gt; &lt;div class="mainbutton-thumb"&gt;&lt;img src="resources/images/AppHome_EmergencyIcon-Default Platform.png" /&gt;&lt;/div&gt;&lt;div class="mainbutton-content"&gt;&lt;i&gt; &lt;h3 class="mainbutton-title"&gt;Emergency&lt;/h3&gt;&lt;p&gt;News, Maps, Shelters &lt;/p&gt;&lt;/i&gt;&lt;/div&gt;&lt;/div&gt;',
  
  
             },
             { 
  
                  xtype: 'label',
                  cls:'NewsUpdate',
                  html: 'News Updates'
              }, 
              { 
  
                  xtype: 'label',
                  cls:'LatestNews',
                  //autoEl:{id:'timediv'}
                  html: '&lt;div id="timediv"&gt;Latest News | Refreshed: 8/2/2013 10:36:26 AM&lt;/div&gt;'
              }, 
  
          {
                  xtype:'list',
                  id:'newslistContent',
                  loadingText: "loading...",
                  emptyText: '&lt;div&gt;No notes found.&lt;/div&gt;',
                  store:'HomeStore',
                  itemTpl:'&lt;div&gt;&lt;p&gt;{title}&lt;/p&gt;&lt;p class="newsItemTitle"&gt;{publishedDate}&lt;/p&gt;&lt;/div&gt;',
                   flex: 1,
              plugins: [
          {
              xclass: 'Ext.plugin.PullRefresh',
              pullRefreshText: 'Pull to refresh...',
  
  
          },
          {
              xclass: 'Ext.plugin.ListPaging',
              autoPaging: true,
  
          }
      ],
          }
      ]
  }
  })
  </code></pre>
  
  <p>ReadyButtonController.js</p>
  
  <pre><code>Ext.define('COSD.controller.ReadyButtonController', {
  extend: 'Ext.app.Controller',
  
  config: {
      control: {
          '#readyButton': {
              // On the tap event, call onNewTap
              tap: 'onNewTap'
          }
      },
  
  },
  
  launch: function() {
    },
  
  onNewTap: function() {
  
  
                          Ext.Viewport.animateActiveItem({xtype: 'readyscreenview'},{type: 'slide',direction: 'left'});
  
  
  }
  });
  </code></pre>
  
  <p>ReadyScreenView.js</p>
  
  <pre><code>Ext.define('COSD.view.ReadyScreenView', {
  extend: 'Ext.Container',
  xtype:'readyscreenview',
  
  config: {
      title:'Ready',
      iconCls:'home',
      layout: 'vbox',
      scrollable:true,
      styleHtmlContent:true,
      styleHTMLCls:'home',
      html:[].join(""),
  
      items:[
  
             {
  
                  xtype:'titlebar',
                  cls:'toolbarReady',
                  title:'Ready',
                  docked:'top',
                  ui:'plain',
                  style: {
                      color:'#FFFFFF',
                      fontSize:'12pt'
                      }
             }
             ,
              {
  
                  xtype: 'button',
                  id:'prepareDisaster',
                    style:'border-radius:0',
                    cls:'NavButtonListing',
                   pressedCls:'NavButtonListingSelected', 
                    //                    html:'&lt;div class="listbutton-container"&gt; &lt;div class="listbutton-thumb"&gt;&lt;img src="resources/images/CoSD_PrepareIcon-Default Platform.png"/&gt;&lt;/img&gt;&lt;/div&gt;&lt;div class="listbutton-content"&gt; &lt;h3 class="listbutton-title"&gt;Prepare for Disasters&lt;/h3&gt;&lt;/div&gt;&lt;/div&gt;',
  
                  html:'&lt;div class="ButtonListings-container"&gt; &lt;div class="ButtonListings-thumb"&gt;&lt;img src="resources/images/CoSD_PrepareIcon-Default Platform.png" /&gt;&lt;/div&gt;&lt;div class="ButtonListings-content"&gt;&lt;h3 class="listbutton-title"&gt;Prepare for Disasters&lt;/h3&gt;&lt;/div&gt;&lt;/div&gt;',
  
             },
             {
  
                  xtype: 'button',
                  id:'makeAPlan',
                  style:'border-radius:0',
                  cls:'NavButtonListing',
                  pressedCls:'NavButtonListingSelected', 
                  html:'&lt;div class="ButtonListings-container"&gt; &lt;div class="ButtonListings-thumb"&gt;&lt;img src="resources/images/CoSD_MakeAPlanIcon-Default Platform.png" /&gt;&lt;/div&gt;&lt;div class="ButtonListings-content"&gt;&lt;h3 class="listbutton-title"&gt;Make a Plan&lt;/h3&gt;&lt;/div&gt;&lt;/div&gt;',
  
             },
             {
  
                  xtype: 'button',
                  id:'buildAKit',
                  style:'border-radius:0',
                  cls:'NavButtonListing',
                  pressedCls:'NavButtonListingSelected',
                  html:'&lt;div class="ButtonListings-container"&gt; &lt;div class="ButtonListings-thumb"&gt;&lt;img src="resources/images/CoSD_BuildAKitIcon-Default Platform.png" /&gt;&lt;/div&gt;&lt;div class="ButtonListings-content"&gt;&lt;h3 class="listbutton-title"&gt;Build a Kit&lt;/h3&gt;&lt;/div&gt;&lt;/div&gt;',
  
             },
              {
  
                  xtype: 'button',
                  id:'stayInformed',
                  style:'border-radius:0',
                  cls:'NavButtonListing',
                  pressedCls:'NavButtonListingSelected',
                  html:'&lt;div class="ButtonListings-container"&gt; &lt;div class="ButtonListings-thumb"&gt;&lt;img src="resources/images/CoSD_StayInformedIcon-Default Platform.png" /&gt;&lt;/div&gt;&lt;div class="ButtonListings-content"&gt;&lt;h3 class="listbutton-title"&gt;Stay Informed&lt;/h3&gt;&lt;/div&gt;&lt;/div&gt;',
  
             },
                {
  
                  xtype: 'button',
                  id:'getInvolved',
                  style:'border-radius:0',
                  cls:'NavButtonListing',
                  pressedCls:'NavButtonListingSelected',
                  html:'&lt;div class="ButtonListings-container"&gt; &lt;div class="ButtonListings-thumb"&gt;&lt;img src="resources/images/CoSD_GetInvolvedIcon-Default Platform.png" /&gt;&lt;/div&gt;&lt;div class="ButtonListings-content"&gt;&lt;h3 class="listbutton-title"&gt;Get Involved&lt;/h3&gt;&lt;/div&gt;&lt;/div&gt;',
  
             },
              {
  
                  xtype: 'button',
                  id:'communityReadiness',
                  style:'border-radius:0',
                  cls:'NavButtonListing',
                  pressedCls:'NavButtonListingSelected',
                  html:'&lt;div class="ButtonListings-container"&gt; &lt;div class="ButtonListings-thumb"&gt;&lt;img src="resources/images/CoSD_CommReadiness-Default Platform.png" /&gt;&lt;/div&gt;&lt;div class="ButtonListings-content"&gt;&lt;h3 class="listbutton-title"&gt;Community Readiness&lt;/h3&gt;&lt;/div&gt;&lt;/div&gt;',
  
             },
             ]
     }
  
  });
  </code></pre>