title: How to bind ViewModel Store to View?
body: <p>I'm pretty new Ext JS and trying to embed a <a href="https://docs.sencha.com/extjs/6.0/6.0.0-classic/#!/api/Ext.ux.form.MultiSelect" rel="nofollow noreferrer">MultiSelect</a> inside a <a href="https://docs.sencha.com/extjs/6.0/6.0.0-classic/#!/api/Ext.panel.Panel" rel="nofollow noreferrer">Panel</a>.</p>
  
  <blockquote>
    <p>The <code>ViewModel</code> has a <code>stores</code> property as you can see here:</p>
  </blockquote>
  
  <pre><code>Ext.define('TEST.view.controls.search.SearchFilterModel', {
      extend: 'Ext.app.ViewModel',
      alias: 'viewmodel.filter',
      data: {
          title: ''
      },
      stores: {
          test: {
              fields: ['id', 'name'],
              proxy: {
                  type: 'ajax',
                  url: 'api/test',
                  reader: 'array'
              },
              autoLoad: true
          }
      }
  });
  </code></pre>
  
  <hr>
  
  <blockquote>
    <p>I would like to bind that in my <code>View</code> like this:</p>
  </blockquote>
  
  <pre><code>viewModel: {
      type: 'filter'
  },
  
  
  layout: 'fit',
  border: 1,
  plain: true,
  scrollable: 'y',
  layout: 'fit',
  
  
  bind: {
      title: '{title}',
  },
  
  
  items: {
      xtype: 'multiselect',
      scrollable: false,
      allowBlank: true,
      ddReorder: true,
      bind: {
          store: '{test}'
      },
      valueField: 'id',
      displayField: 'name'
  }
  </code></pre>
  
  <hr>
  
  <p>In this case, the <code>store</code> ends up as <code>null</code> though and no data is loaded into the widget. Instead of binding the store though, if I just hardcode it in the View, then it works. </p>
  
  <p>Anyone see what the issue is?</p>