title: Do I have two instances of the same store?
body: <p>i populate a listview using a store with jsonp proxy that sends a GET request to my server. when the app launches the request is send and the list items are rendered with the response as they should. now when i then manually add a new item in my data-base server and refresh the list with the code shown in the controller below and inspect the store object in the console i can see that the newly created item is in the store data. so far so good, everything as expected. however, the new item is not in the refreshed in the list. the strange thing is that when i inspect the list object and its containing store object the newly created item is not included. However when i relaunch the app (rather than reload the store and refresh the list) new newly created item appears in the list. to me it seems that somehow i have 2 store instances, one with the new data (which i retreive with Ext.getStore) and one without (the one inside the listview) which i thought should be actually the same. how is that possible? below i show you how i do the thing. Any help is greatly appreciated.</p>
  
  <p>the controller</p>
  
  <pre><code>Ext.define('VB1.controller.ListController', {
      extend: 'Ext.app.Controller',
      config: {
          refs: {
              listView: 'listview',
              refreshButtonTap: '#refreshbutton',
          },
          control: {
              refreshButtonTap: {
                  onRefreshList: 'refreshList',
              },
          }    
      },
      launch: function () {
          this.callParent(arguments);
          Ext.getStore('MyStore').addListener('load', 'recordLoaded', this);
      },
      refreshList: function () {
          var loadedStore = Ext.getStore('MyStore').load();
          console.log(loadedStore) //here the new item is included
      },
      recordLoaded: function () {
          var list = this.getListView();
          list.refresh();
          console.log(list) //here the new item is not included in the store object inside   
                                    //listobject
      }
  });
  </code></pre>
  
  <p>the Store</p>
  
  <pre><code>Ext.define('VB1.store.MyStore', {
      extend: 'Ext.data.Store',
      alias: 'widget.mystore',
      config: {
          model: 'VB1.model.MyModel',
          autoLoad: true,
          proxy: {
              type: 'jsonp',
              url : 'myUrl.js',
              enablePagingParams: false,
              reader: {
                  type: 'json',
                  rootProperty: 'array.resources'
              },
          },
      },
  });
  </code></pre>
  
  <p>the listview</p>
  
  <pre><code>Ext.define('VB1.view.ListView', {
      extend: 'Ext.dataview.List',
      alias: 'widget.listview',        
      requires: [
          'Ext.dataview.List',
      ],
      scrollable: 'vertical',
      config: {
          loadingText: "loading...",
          emptyText: '&lt;/pre&gt;&lt;div class="notes-list-empty-text"&gt;No notes found.&lt;/div&gt;&lt;pre&gt;',
          itemTpl: '&lt;/pre&gt;&lt;div class="list-item-title"&gt;{title}&lt;/div&gt;&lt;div class="list-item-narrative"&gt;&lt;img src="{listlogo}"/&gt;&lt;/div&gt;&lt;pre&gt;',
      },
      listeners: {
          itemtap: function(list, index, item, record) {
              this.fireEvent('showDetails', record, this);
          }
      },
  });
  </code></pre>
  
  <p>this is how i add the list including the store to the viewport at app launch</p>
  
  <pre><code>var listView = {
      xtype: 'listview',
      store: {xtype: 'mystore'},
  }
  Ext.Viewport.add(listView);
  </code></pre>