title: Sencha Touch List refresh from store
body: <p>I have a simple List inside a container that I would like to see refreshed with new items when it is activated.</p>
  
  <p>In my controller, I have an event for this:</p>
  
  <pre><code>onActivate: function() {
      var that = this;
      var store = this.getApprovalRequestsStore();
      store.getProxy().setUrl('http://mobile-approvals-services.example.com/'+ Global.approvalsListUri + Approvals.app.user);
      store.load({
          callback: function (records, model) {
              debugger;
              that.getApprovalsList().refresh();
          }
      });
  },
  </code></pre>
  
  <p>And in my list, I have a tpl for the items that come back from the store (verified I have items coming back from store at break point above), yet no items are shown:</p>
  
  <pre><code>Ext.define('Approvals.view.approvals.List', {
      extend: 'Ext.List',
      xtype: 'approvalsList',
      config: {
          itemId: 'ApprovalsList',
          store: 'ApprovalRequests',
          itemHeight: 70,
          variableHeights: false,
          pressedDelay: 0,
          emptyText: "&lt;div&gt;No Approvals Found&lt;/div&gt;",
          loadingText: "Loading...",
          onItemDisclosure: false,
          itemTpl: '&lt;div class="listView"&gt;Request For: {requestedFor}&lt;/div&gt;',...
  </code></pre>
  
  <p>Is there something flawed in my approach?</p>