title: Extjs 5 Cannot read property 'isBufferedStore' of undefined
body: <p>Hi I am in trouble with extjs 5 mvvm example. My store isn't recognized. I tried similliar solutions from stack but it still crashing.</p>
  
  <p>Project structure:
  <a href="http://i.stack.imgur.com/Mrw1x.png" rel="nofollow">structure</a></p>
  
  <p>Code:</p>
  
  <p>Message.js</p>
  
  <pre><code>Ext.define('Tgis.view.message.Message', {
  extend : 'Ext.window.Window',
  title: 'Wiadomosci',
  requires : ['Tgis.view.message.MessageController'],
  store: 'MessageStore',
  alias : 'widget.message',
  
  config : {
      minHeight: 320,
      minWidth:400,
      bodyPadding : 10,
      width : 500,
      ghost : false,
      bodyPadding : 10,
      autoShow : true     
  },
  items: [{
      xtype:'panel',
      layout : 'vbox',
          items : [
              { 
                  xtype : 'mvvm-DateView' ,
                  flex  : 1
              },
              { 
                  xtype : 'mvvm-MessageView',
                  flex  : 5
              }]
  }]});
  </code></pre>
  
  <p>Messagedate.js</p>
  
  <pre><code> Ext.define('Tgis.view.message.MessageDate', {
  extend : 'Ext.grid.Panel',
  xtype  : 'mvvm-DateView',
  
  
  
  store : 'MessageStore',
  
  columns: [
      { 
          text      : 'Data',  
          dataIndex : 'date' 
      }
  ]});
  </code></pre>
  
  <p>MessageMaster.js</p>
  
  <pre><code> Ext.define('Tgis.view.message.MessageMaster', {
  extend : 'Ext.form.Panel',
  xtype  : 'mvvm-MessageView',
  
  requires : [
  
      'Tgis.view.message.MessageViewModel'
  ],
  
  title   : 'Wiadomosci',
  frame   : true,
  padding : 10,
  
  viewModel : {
      type : 'detailform'  // references DetailViewModel
  },
  
  items : [
      {
          xtype      : 'textfield',
          bind       : '{rec.message}',
          fieldLabel : 'Tresc:'
      },
      {
          xtype : 'hiddenfield',
          bind  : '{rec.id}'
      }
  ]});
  </code></pre>
  
  <p>MessageModel.js</p>
  
  <pre><code>Ext.define('Tgis.view.message.MessageModel', {
  extend : 'Ext.data.Model',
  fields : [
      {
          name : 'date',
          type : 'date'
      },
      {
          name : 'message',
          type : 'string'
      },
      {
          name : 'id',
          type : 'integer'
      }
  ]});
  
  
  
  Ext.define('Tgis.view.message.MessageStore', {
  extend  : 'Ext.data.Store',
  
  model   : 'Tgis.view.message.MessageModel',
  storeId: 'MessageStore',
  data : [
      { 
          'date'  : '28.05.1994',  
          'message' : 'lisa@simpsons.com',
          'id' : '1'
      }
  ]});
  </code></pre>
  
  <p>MessageController.js</p>
  
  <pre><code>Ext.define('Tgis.view.message.MessageController', {
  extend : 'Ext.app.Controller',
  
  
  init: function() {
       this.control({
           'mvvm-DateView': {
               select : this.onGridSelect
           }
       });
   },
  
  onGridSelect : function(grid, record, index, eOpts) {
      // grab a reference to the Detail view... 
      // we could have used a controller "ref", but those can also be problematic
      var detailView = Ext.ComponentQuery.query('mvvm-DateView')[0];
  
      //set the form's ViewModel binding
      detailView.getViewModel().setData({ rec: record });
  }});
  </code></pre>
  
  <p>MessageViewModel.js</p>
  
  <pre><code> Ext.define('Tgis.view.message.MessageViewModel', {
  extend: 'Ext.app.ViewModel',
  
  alias: 'viewmodel.detailform',
  
  data : {
      rec : null
  }});
  </code></pre>
  
  <p>Main.js</p>
  
  <pre><code>xtype: 'app-main',
  
  controller: 'main',
  viewModel: {
      type: 'main'
  },
  
  layout: {
      type: 'border'
  },
  
  items: [{
      xtype: 'panel',
      bind: {
          title: '{name}'
      },
      region: 'west',
      width: 250,
      split: true,
      defaultType : 'button',
      layout : 'vbox',
      items : [{
          text : 'WiadomoĹ›ci',
          handler : 'onClickMessages'
      },{
          text : 'WyczyĹ›Ä‡ LC',
          handler : 'onClearMessages'
      }]
  },{
      region: 'center',
      xtype: 'tabpanel',
      items:[{
          title: 'Tab 1',
          html: '&lt;h2&gt;Content appropriate for the current navigation.&lt;/h2&gt;'
      }]
  }]});
  </code></pre>
  
  <p>MainController.js</p>
  
  <pre><code>Ext.define('Tgis.view.main.MainController', {
  extend: 'Ext.app.ViewController',
  alias: 'controller.main',
  
  
  onClickButton: function () {
      Ext.Msg.confirm('Confirm', 'Are you sure?', 'onConfirm', this);
  },
  onConfirm: function (choice) {
      if (choice === 'yes') {
          //
      }
  },
  
  onClickMessages : function(button) {
      Ext.Ajax.request({
          url : 'http://localhost:8080/Messagess/res',
          method : 'GET',
          success : function(response) {
              var json = Ext.decode(response.responseText);
              //var itemsArray = new Array();
              /*for (var i = 0; i &lt; json.data.length; i++) {
                  var date = new Date(json.data[i].date);
                          var messageTxt = Ext.create('Ext.form.field.TextArea', {
                          fieldLabel :date.toLocaleString(),
                          value : json.data[i].message,
                          editable : false,
                          grow : true,
                          width : '100%'
                      });
                  if (localStorage.getItem('date') != 'null')
                      itemsArray.push(messageTxt);
              }
  
              var checkbox = Ext.create('Ext.form.field.Checkbox', {
                      id : 'checkboxmessage',
                      boxLabel : 'Nie pokazuj ponownie'
                  });
              itemsArray.push(checkbox);*/
              Ext.create('Tgis.view.message.Message', {
                  //messagess: json.data
                      //Ext.getCmp('usernameID').setValue('JohnRambo');
                          /*items: itemsArray,
                              buttons : [{
                              xtype : 'button',
                              text : 'Zamknij',
                              handler : 'onCloseClick'
                          }]*/
  
                      })
          }
      });
  },
  
  onClearMessages : function(button) {
      localStorage.setItem('date', '0');
  }});
  </code></pre>
  
  <p>MainModel.js</p>
  
  <pre><code>Ext.define('Tgis.view.main.MainModel', {
  extend: 'Ext.app.ViewModel',
  
  alias: 'viewmodel.main',
  
  data: {
      name: 'Tgis'
  }});
  </code></pre>