title: ExtJS 3.2.1 Registering Component for use with xtype
body: <p>In one file, I am creating a tab panel with two tabs. I am trying to register the component for use in a separate file. Consider the following:</p>
  
  <pre><code>Ext.ns('DVI');
  
  var backtestTab = {
      xtype: 'groupingstore'
  }
  
  var intradayTab = {
      xtype: 'groupingstore'
  }
  
  DVI.DviDashboard = new Ext.TabPanel({
      activeTab: 0,
      items: [backtestTab, intradayTab]
  });
  
  Ext.reg('dviDashboard', DVI.DviDashboard);
  </code></pre>
  
  <p>Assume that this page properly populates the tabs with the grouping stores. In the page that calls this script, the code is as follows:</p>
  
  <pre><code>var dashboard = {
      xtype: 'tabpanel',
      id: 'port_dash-panel',
      activeTab: 0,
      items:[{
          title: 'Dashboard',
          xtype: 'dviDashboard'
      }]
   };
  </code></pre>
  
  <p>Which returns the following error:</p>
  
  <pre><code>b[d.xtype || e] is not a constructor
  </code></pre>
  
  <p>Upon researching, the above error indicates the component cannot be found or is not defined.</p>
  
  <p>Note however, the below code does work and render the tabpanel:</p>
  
  <pre><code>var dashboard = {
      xtype: 'tabpanel',
      id: 'port_dash-panel',
      activeTab: 0,
      items:[DVI.DviDashboard]
   };
  </code></pre>
  
  <p>I'm only showing snipits. The dashboard tabpanel is rendered in a viewport.</p>
  
  <p>I guess the first question is can I even register a component this way? And of course the second question is, why doesn't this work? :)</p>