extjs - 如何在按钮单击时加载商店

Question

我在建筑师中制作了一个应用程序。我的店是这个

Ext.define('MyApp.store.storeMain', {
extend: 'Ext.data.Store',
requires: [
    'MyApp.model.modelMain'
],

constructor: function(cfg) {
    var me = this;
    cfg = cfg || {};
    me.callParent([Ext.apply({
        autoLoad: false,
        storeId: 'storeMain',
        model: 'MyApp.model.modelMain',
        pageSize: 50,
        proxy: {
            type: 'ajax',
            reader: {
                type: 'json',
                root: 'Main',
                totalProperty: 'Main.totalCount'
            }
        }
    }, cfg)]);
}});

这是我的按钮：

{
                                xtype: 'button',
                                text: 'Submit',
                                listeners: {
                                    click: {
                                        fn: me.onButtonClick,
                                        scope: me
                                    }
                                }

这就是功能

onButtonClick: function(button, e, options) {
    storeMain.load({
        url:'test.json'
    })
}
                            },

但它没有加载商店。相反，它给出了这个错误：未定义 storeMain。我有 viewport.js 和其他文件，例如 storeMain.js

Answer 1

任何地方都没有变数storeMain。您需要致电Ext.getStore('storeMain')以获取商店参考。