javascript - 如何直接从服务器端过滤的存储中获取值

Question

我创建了一个 fiddle 来说明我试图实现的目标。

https://fiddle.sencha.com/#fiddle/1i8e

在 fiddle 上，有两个网格和一个表单。

当选择第一个网格的一行时，第二个网格被过滤(在服务器端，此代码未在 fiddle 中实现)。

类似于:

       storeGrid2.load({
            params: {
                'item': id_item
            }
        });

当我按下表单 e 中的按钮时，从第二个网格存储中获取值(之前已过滤)。

这很有效。

但是，我不需要第二个网格作为我的应用程序中的组件。

有没有办法在过滤后获取第二个网格存储值(没有网格作为组件)？

摘要:我希望当我选择网格 1 的第一行时，过滤 grid2 存储(没有网格作为组件)，获取此存储值(这是我的问题)并将字段添加到表单中。

编辑:

我知道我的案子不容易曝光。

例如，假设有一个餐厅应用程序。

第一个网格显示一周中的几天。第二个网格显示当天可用的食材。并且表单显示菜单。

当用户选择值为 Monday 的第一个网格行时，第二个网格将显示土 bean 、苹果和鸡肉。该表格根据这些食物成分显示菜单:土 bean 汤、苹果派和炸鸡。

如果是餐厅顾客，当他选择星期一时(在第一个网格上)仅出现菜单，而不出现第二个网格(客户不需要知道当天有哪些食品成分，只需知道菜单)。

这可以通过隐藏网格来完成。

但是，我想要实现的是是否可以在没有(第二个)网格组件的情况下直接获取数据存储。

一切都发生在 ViewModel/Store 层中，而不存在 View 层(第二个网格)。

当我使用 store.load() 而不实例化组件网格时，出现以下错误:Uncaught TypeError: Cannot read property 'load' of undefined

Answer 1

将处理函数移至 viewController。

创建一个名为 onButtonClick 的函数。在按钮配置上，添加

listeners: {
    click: 'onButtonClick'
}

在 onButtonClick 函数中，使用以下方式获取对您的商店的引用

var store = this.getViewModel().getStore('mystore1');

然后

store.load({
    success: function(records) {
        var name = records[0].get('name');
        ...
    }
});