title: Sencha Touch MVC -- recommended ways of passing data through the controller?
body: <p>I'm using Sencha Touch for a mobile app and am using the MVC functionality in it.  I like Sencha quite a bit but I'm having a little trouble when it comes to passing data from one 'screen' to the next using the controller.</p>
  
  <p>There's a "record" property associated with a number of the Sencha widgets --indicating the currently selected record in an  Ext.list for instance-- and for some reason I can't quite get there as to how to pass something like that from an Ext.Panel to another one.</p>
  
  <p>For instance, I have an Ext.Panel with data in it from an Ext.Store, including an address.  I have another Ext.Panel that will show a map.  I need to pass this address to the map's panel, but am not sure how.  Here's what I'm trying from the first panel:</p>
  
  <pre><code>                listeners: {
                  'tap': function () {
                      Ext.dispatch({
                          controller: app.controllers.establishments,
                          action: 'showMap',
                          id: record.getId(),
                          data: record.data
                      });
                  }
  </code></pre>
  
  <p>I'm floundering a bit as you can see, trying to use both an 'id' and 'data' config option in the controller in an attempt to get data to the map panel, by any means necessary.  </p>
  
  <p>I don't necessarily need a answer for this specific problem, but if you had suggestions on how to do this in general-- basically, best practices for passing data from one screen to the next.  </p>
  
  <p>If it helps, I'm basing my app's structure on a nice MVC tutorial by Mr. Pearce at Sencha:</p>
  
  <p><a href="http://www.sencha.com/learn/Tutorial:A_Sencha_Touch_MVC_application_with_PhoneGap" rel="noreferrer">http://www.sencha.com/learn/Tutorial:A_Sencha_Touch_MVC_application_with_PhoneGap</a></p>
  
  <p>Thanks much!</p>