title: Sencha Touch 2: Passing data from controller to a view
body: <p>I am attempting to load a detail view for an item disclosure from a list but without using NavigationView and the "push()" command. </p>
  
  <p><strong>CONTROLLER</strong>:</p>
  
  <pre><code>Ext.define('App.controller.MyPlans', {
      extend: 'Ext.app.Controller',
      requires: ['App.view.EventDetail',
          'App.view.PlansContainer'],
  
      config: {
          refs: {
  
          },
          control: {
              'MyPlansList': {
                  disclose: 'onDisclose'
              }
          }
      },
  
      onDisclose: function (view, record) {
          console.log("My Plans list disclosure " + record.get('id'));
          var eventDetailView = Ext.create('App.view.EventDetail');
          eventDetailView.setRecord(record);
          Ext.Viewport.setActiveItem(eventDetailView);
      }
  });
  </code></pre>
  
  <p><strong>VIEW:</strong></p>
  
  <pre><code>Ext.define('App.view.EventDetail', {
      extend: 'Ext.Panel',
      xtype: 'EventDetail',
  
      config: {
  
          items: [{
              xtype: 'toolbar',
              docked: 'top',
              title: 'Event Name',
              items: [{
                  xtype: 'button',
                  id: 'addRunBackBtn',
                  ui: 'back',
                  text: 'Back'
              }]
          }, {
              xtype: 'panel',
              styleHtmlContent: true,
              itemTpl: [
                  '&lt;h1&gt;{name}&lt;/h1&gt;',
                  '&lt;h2&gt;{location}&lt;/h2&gt;',
                  '&lt;h2&gt;{date}&lt;/h2&gt;']
          }],
  
      }
  });
  </code></pre>
  
  <p>I am basically trying to pass the data to the view using the "setRecord()" command but nothing seems to be loading in the view. Any thoughts??</p>
  
  <p>Thanks</p>