title: pass data from controller to existing view in sencha tocuh
body: <p>i am trying to pass a data from controller to existing view , i have tried following but non of them are working , i want to pass a data so that i can show it over an existing panel.</p>
  
  <p>from controller </p>
  
  <pre><code>1. Ext.Viewport.setActiveItem('profileinfo');
     Ext.Viewport.setData(record.data);
  
  2. Ext.Viewport.setActiveItem('profileinfo').setData(record.data);
  
  3. Ext.Viewport.setActiveItem('profileinfo', {data:record.data});
  
  4. Ext.Viewport.setActiveItem({ xtype:'profileinfo', data:record.data});
  </code></pre>
  
  <p>where <code>profileinfo</code> is the panel where there is a <code>titlebar</code> and i am displaying <code>title</code> as <code>{member_data}</code> which is part of data</p>
  
  <pre><code>loadList:function(me, index, target, record, e, eOpts){
  
  
          console.log(record.data.member_name);
  
              Ext.Viewport.setActiveItem({ 
                  xtype:'profileinfo', 
                  data:record.data}
              );
  
  
  
      }
  </code></pre>
  
  <p>i can see in my <code>profileinfo</code> panel's <code>initialize</code> function that <code>data</code> is available 
  but i am not be able to access it using <code>{member_name}</code></p>
  
  <pre><code>initialize: function(){
         this.callParent();
  
         console.log("initialized");
         console.log(this.config.data); // able to see the data 
      }
  </code></pre>
  
  <p>but data is not reflected in panel </p>
  
  <pre><code>  {
  
          xtype:'titlebar',
          title:'{member_name}' // its displaying {member_name} text rather then data itself
  
  
      } 
  </code></pre>
  
  <p><strong>update</strong> </p>
  
  <p>here is the <code>profileinfo</code> code </p>
  
  <pre><code> Ext.define('demo.view.ProfileInfo', {
          extend: 'Ext.form.Panel',
          xtype: 'profileinfo',
          requires: [ 'Ext.TitleBar','demo.view.ProfileMemberInfo'],
          config: {
  
  
              layout:'vbox',
  
  
              items: [
  
              {
                  xtype: 'titlebar',
                  title: 'demo',
                  cls: 'bms-bg-head',
                  height:'65px',
                  center:true,
                  html:'&lt;div class="demo-mini-logo"&gt;&lt;/div&gt;'
              },{
  
  
  
  
                      xtype:'label',
                      // nothing is visible here
                      html:'{member_name}'
  
  
  
              }]
          },
  
          initialize: function(){
             this.callParent();
  
             //  record is visible
             console.log(this.config.record);
  
  
  
  
  
      }
  
  });
  </code></pre>
  
  <p>here is controller code </p>
  
  <pre><code>loadList:function(me, index, target, record, e, eOpts){
  
  
  
              Ext.Viewport.setActiveItem({ 
                  xtype:'profileinfo', 
                  record:record
                  }
              );
  
  
  
  
  
      }
  </code></pre>