title: extjs - Store with autoload true should not load on application launch
body: <p>I have a grid linked to a store with <code>autoLoad: true</code>. The problem is that the store gets loaded on application launch, even if the view is created only later when accessed through a menu.</p>
  
  <p>I have referenced the store in Application.js and in the view, but I'm not instatiating explicitly neither the store nor the view.</p>
  
  <p>I don't know how to achieve that the store is loaded only when needed by the view.</p>
  
  <ul>
  <li>If I set <code>autoLoad: true</code>, the store gets loaded on application launch.</li>
  <li>If I set <code>autoLoad: false</code>, the store doesn't get loaded at all.</li>
  </ul>
  
  <p>I know this is pretty basic, but I'm stuck so far.</p>
  
  <hr>
  
  <p>Here is all the relevant code for reference:<br>
  app/store/Owners.js</p>
  
  <pre><code>Ext.define('Mb.store.Owners', {
      extend: 'Ext.data.Store',
      model: 'Mb.model.Owner',
      autoLoad: true,
      proxy: {
          ...
  });
  </code></pre>
  
  <p>Application.js</p>
  
  <pre><code>Ext.define('Mb.Application', {
      name: 'Mb',
      extend: 'Ext.app.Application',
      models: [
          'Owner'
      ],
      stores: [
          'Owners'
      ],
      ...
  </code></pre>
  
  <p>app/view/Owners.js</p>
  
  <pre><code>Ext.define('Mb.view.winbiz.Owners', {
      extend: 'Ext.grid.Panel',
      alias: 'widget.test-gridPanel',
      store: 'winbiz.Owners',
      columns: [{
      ...
  </code></pre>
  
  <p>The view is instantiated in the controller:</p>
  
  <pre><code>Ext.define('Mb.controller.Winbiz', {
      extend: 'Ext.app.Controller',
      views: [
          'Owners'
      ],
      init: function(){
          this.control({
              'menu #test': {click: this.onMenuTest},
          })
      },
      onMenuTest: function(){
          this.getController('Main').addToMainTab('test-gridPanel');
      },
  </code></pre>