ExtJS 4 动态更改网格存储

是否可以在 ExtJS 4 中更改网格存储？

例如，我有两个模型：

User = Ext.define('User',{
  extend: 'Ext.data.Model',
  [...],
  hasMany: 'Product'
});

Product = Ext.define('Product',{
  extend: 'Ext.data.Model',
  [...]
});

和两个网格。 第一个网格与 Store 链接，它使用User模型并从后端加载嵌套的 json 数据，例如

{
  users: [{
     id: 1,
     products: [
       {id: 1},
       {id: 2}
     ]
  }, {
     id: 2,
     products: [
       {id: 3},
       {id: 4},
       {id: 5}
     ]
  }]
}

我想要得到的是，当您单击第一个网格中的行时，第二个网格必须显示用户的产品，而无需连接到服务器。 我只知道user.products();返回一个Ext.data.Store目的。 所以想法是将第二个网格的商店更改为user.products();，但是没有这样的方法grid.setStore() :-)

提前致谢

我认为更好的解决方案是：

     grid1.on('itemclick', function(view, record) {
         grid2.reconfigure(record.products());
     );