ExtJS 4 - 如何从 MVC 中的视图访问多个商店？

Question

我正在尝试使用新的 MVC 方法在 extjs 4 中构建一个应用程序。 我有一个网格，用户可以在其中单击一行并完成编辑Ext.window。

定义了带有选项卡的Ext.window在控制器中作为视图。我遇到了两件事的问题：

---

1) 窗口有 2 个网格，我希望在单击选项卡时从商店填充这些网格。定义网格存储时，即使它在我的控制器中被拒绝，我也无法访问它。我尝试过

...
xtype:'grid',
store:MyApp.store.Products
columns:[..]
...

但没有运气！

还尝试为视图定义多个商店：

Ext.define('MyApp.view.Edit', {
    extend:'Ext.window.Window',
    store:['Products','Countries']
...

但也没有运气。如果我在视图中只定义了一个商店，我可以使用 this.Countries 来访问它。

---

2) 我的第二个问题部分相关。 Ext.window 是一个表单，其中填充了来自单击的网格行的数据。

如何使用推送到其中的数据填充 Ext.window 表单中的一个网格？默认情况下它应该有一个空存储，然后在 tabclick 上有一个侦听器吗？或者我可以将数据对象推入其中吗？

任何帮助表示赞赏。

Answer 1

要回答您的第一个问题，您需要在控制器中引用您的商店。你可以在你的控制器中做这样的事情

stores  : ['Products', 'Countries'],

models  : ['Products', 'Countries'],

refs: [
    {ref: 'mytabpanel', selector: 'mytabs'}
],

 init: function() {
    this.control({
        'mytabs': {
            tabchange       : this.loadTabData
        },

     //create a onProductsStoreLoad method to handle stuff
     this.getProductsStore().on({
        scope: this,
        load : this.onProductsStoreLoad
    });


loadTabData: function() {
   var activeTab = this.getMytabpanel().getActiveTab();
   //Do whatever you need
}