ExtJS 4 动态更改网格存储

Question

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

例如，我有两个模型:

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

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

和两个网格。
第一个网格与使用 User 的 Store 相关联。建模并从后端加载嵌套的 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() :-)

提前致谢

Answer 1

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

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