title: Sencha touch list tpl with nested data
body: <p>I'm new to sencha. I'm create MVC structure by use sencha architect, touch 2.2.x version. </p>
  
  <p>I want to show nested data to a list control but I'm not sure how to define the tmp.</p>
  
  <p>Here is sample of data return from server</p>
  
  <pre><code>{
  "data": 
  [
      {"AcctId": 1, "AcctNum": "A", "Alias": "aa"},
      {"AcctId": 2, "AcctNum": "B", "Alias": "bb"}, 
      {"AcctId": 3, "AcctNum": "C", "Alias": "cc"}
  ]
  }
  </code></pre>
  
  <p>this is model, I define nested model</p>
  
  <pre><code>Ext.define('MyApp.model.Data', {
      extend: 'Ext.data.Model',
  
      uses: [
          'MyApp.model.LoginAlias'
      ],
  
      config: {
          hasMany: {
              model: 'MyApp.model.LoginAlias',
              name: 'LoginAlias'
          }
      }
  });
  
  Ext.define('MyApp.model.LoginAlias', {
      extend: 'Ext.data.Model',
  
      config: {
          fields: [
              {
                  name: 'AcctId'
              },
              {
                  name: 'AcctNum'
              },
              {
                  name: 'Alias'
              }
          ]
      }
  });
  </code></pre>
  
  <p>This is Stores to get data, It will be cross server data so I use JsonP</p>
  
  <pre><code>Ext.define('MyApp.store.MyJsonPStore', {
      extend: 'Ext.data.Store',
  
      requires: [
          'MyApp.model.Data'
      ],
  
      config: {
          autoLoad: true,
          model: 'MyApp.model.Data',
          storeId: 'MyJsonPStore',
          proxy: {
              type: 'jsonp',
              url: 'http://localhost:8000/test/get_alias/',
              reader: {
                  type: 'json'
              }
          }
      }
  });
  </code></pre>
  
  <p>Finally the List</p>
  
  <pre><code>Ext.define('MyApp.view.MyList', {
      extend: 'Ext.dataview.List',
  
      config: {
          store: 'MyJsonPStore',
          itemTpl: [
              '&lt;div&gt;List Item {AcctId}&lt;/div&gt;'
          ]
      }
  
  });
  </code></pre>
  
  <p>I can see that the Store can get data from server in Sencha Architect by click on the "eye" icon next to the Store. </p>
  
  <p>I try the List tpl with data.AcctId or change List store to MyJsonPStore.data but all not work.</p>
  
  <p>Please help, thanks very much.</p>
  
  <p>p/s: I try with non-nested model, and the List work ok. And this is the main js file, In case it needed</p>
  
  <pre><code>Ext.Loader.setConfig({
  
  });
  
  Ext.application({
      models: [
          'Data',
          'LoginAlias'
      ],
      stores: [
          'MyJsonPStore',
          'MyStore'
      ],
      name: 'MyApp',
  
      launch: function() {
  
          Ext.create('MyApp.view.MyList', {fullscreen: true});
      }
  
  });
  </code></pre>