title: Sencha touch not showing a view using controller
body: <p>I have the following code in my controller and am trying to simply switch a view.
  Can anyone explain how to get the view to display.</p>
  
  <pre><code>Ext.define('MyApp.controller.HomeController', {
      extend: 'Ext.app.Controller',
  
      config: {
          views: [
              'Home',
              'ChangeEmailView'
          ],
  
          refs: {
              changeEmailView: {
                  selector: '#btnChangeEmail',
                  xtype: 'ChangeEmailView'
              }
          }
      },
  
      init: function(application) {
          alert("init");
      },
  
      launch: function() {
          alert("launch");
      }
  
  });
  </code></pre>
  
  <p>View:</p>
  
  <pre><code>Ext.define('MyApp.view.ChangeEmailView', {
      extend: 'Ext.Panel',
      alias: 'widget.ChangeEmailView',
  
      config: {
          items: [{
              xtype: 'toolbar',
              docked: 'top',
              ui: 'light',
              title: 'Change Email Address'
          }]
      }
  });
  </code></pre>