title: Extjs4 hasMany() relationship not loading from Store's 'data' property
body: <p>The data property of my Extjs4 Store class describes an object hierarchy.  I put this as the data property of my store because the data is static; there's no need to make an extra call to the server to populate the store.  I've done this before, but this time my hasMany relationship isn't getting populated.  I've tried a variety of ways to fix this, but I'm stumped. Would you take a look at it to see if I'm missing something?</p>
  
  <p>The relationship of objects is:  <code>MarineForm has MarineFormSections which has MarineFormFields</code></p>
  
  <p><strong>The store with it's data property</strong>:</p>
  
  <pre><code>Ext.define('MAP.store.MarineFormStore', {
      extend: 'Ext.data.Store',
      model: 'MAP.model.MarineForm',
      data:[
          {
              species:'Mackerel',
              gear:null,
              sections:[
                  {
                      name:'General Info',
                      formFields:[
                          {
                              xtype:'textfield',
                              name:'firstField',
                              allowBlank:false,
                              fieldLabel:'First Field'
                          }
                      ]
                  }
              ]
          }
      ]
  
  });
  </code></pre>
  
  <p><strong>The root model</strong>:</p>
  
  <pre><code>Ext.define('MAP.model.MarineForm', {
      extend: 'Ext.data.Model',
  
      fields: [
          {name: 'species', type: 'string'},
          {name: 'gear', type: 'string'}
      ],
  
      hasMany: {
          model: 'MAP.model.MarineFormSection',
          name: 'sections'
      }
  
  });
  </code></pre>
  
  <p><strong>The hasMany class</strong>:</p>
  
  <pre><code>Ext.define('MAP.model.MarineFormSection', {
      extend: 'Ext.data.Model',
  
      fields: [
          'id',
          {name: 'name', type: 'string'}
      ],
  
      hasMany: {
          model: 'MAP.model.MarineFormField',
          name: 'formFields'
      }
  
  });
  </code></pre>
  
  <p><strong>the hasMany's hasMany class (third layer nested)</strong></p>
  
  <pre><code>Ext.define('MAP.model.MarineFormField', {
      extend: 'Ext.data.Model',
  
      fields: [
          'name',
          {name:'allowBlank', type:'boolean'},
          'fieldLabel',
          'xtype',
          //next ones are for comboboxes. Not used all the time. -jg
          'store',
          'valueField',
          'displayField'
      ]
  });
  </code></pre>
  
  <p>Here's the output from querying the store within Chrome:</p>
  
  <pre><code>rootStore = Ext.getStore('MarineFormStore') // -&gt; the store
  sections = rootStore.getAt(0).sections() // -&gt; hasMany store
  sections.getCount() // -&gt; 0
  </code></pre>
  
  <p>I've tried:</p>
  
  <ol>
  <li>Removing the <code>MarineFormField hasMany</code> block for <code>MarineFormFields</code></li>
  <li>Adding an id to the <code>MarineFormField</code></li>
  <li>Triple checking for any typos in the the root store's <code>data</code> field</li>
  </ol>
  
  <p>Thanks for taking the time!</p>