title: Sencha Touch forms not usable when created with Ext.create
body: <p>I have this:</p>
  
  <pre><code>my.Settings = {
      id: 'settings',
      xtype: 'panel',
      title: 'Settings',
      iconCls: 'settings',
      layout: 'card',
      items:[
          my.form1,
          my.form2
      ]
  };
  </code></pre>
  
  <p>When <code>my.form1</code> is a config object, the form is visible and clickable (inputs allow entry, selects bring up dropdown options, etc.).</p>
  
  <p>However, when I try to use <code>Ext.define</code> and <code>Ext.create</code>, the form appears visually, but nothing is selectable. If I use a tabpanel, the tabs aren't clickable, and on forms inputs won't focus or bring up the keyboard, and don't seem to respond to input at all.</p>
  
  <p>Here's how I tried it:</p>
  
  <pre><code>Ext.define('my.form1', {
  extend: 'Ext.form.Panel'
  config:{...}
  }
  </code></pre>
  
  <p>...</p>
  
  <pre><code>items: [
     Ext.create('my.form1',{id: 'myForm1'})
  ]
  </code></pre>
  
  <p>What about the second method causes the form to break? I'm trying to move toward using <code>require</code> and <code>Ext.create</code> for dynamic loading, but I can't do this if I can't get the simplest case working.</p>