title: Sencha Touch 2. Empty list
body: <p>Stores object is loaded dynamically via ajax request. While debugging in console I can see that <strong>Store</strong> object is filled with records but <strong>List</strong> is empty.</p>
  
  <p>Code:</p>
  
  <p>Viewport view</p>
  
  <pre><code>Ext.define('sample.views.Viewport', {
      extend: 'Ext.tab.Panel',
  
      title:   'Hello world!',
  
      xtype: 'viewport',
  
      config: {
          fullscreen: true,
  
          tabBar: {
              docked: 'bottom',
          },
  
          items: [
              { xclass: 'sample.views.wares.lists.Popular' },
          ]
      }
  });
  </code></pre>
  
  <p>NavigationView view</p>
  
  <pre><code>Ext.define('sample.view.wares.lists.Popular', {
      extend: 'Ext.NavigationView',
  
      xtype: 'Popular',
  
      config: {       
          iconCls: 'home',
          title: 'Pop. prekės',
  
          items: [
              {
                  xtype: 'wares',                                                         
              }
          ]   
      }
  });
  </code></pre>
  
  <p>List view</p>
  
  <pre><code>Ext.define('sample.views.wares.lists.List', {
      extend: 'Ext.List',
  
      xtype: 'wares',
  
      config: {
          store: 'Wares', 
          itemTpl: '{Name}'
      },
  
      initialize: function () {
          this.config.title = sample.app.title;
      }
  });    
  </code></pre>
  
  <p>Store object of records which was dynamically loaded via Ajax request.</p>
  
  <pre><code>Ext.define('sample.store.Wares', {
      extend: 'Ext.data.Store',
  
      config: {
          model: "sample.models.WaresListItem"
      }
  });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/9JYb2.jpg" alt="Result in Ripple emulator"></p>