javascript - Extjs 5 getStore() 方法的奇怪行为

Question

我遇到了奇怪的 getStore() 方法行为。

主视口(viewport)有两个区域:北部和中心。在北部区域有一个“显示网格”按钮，如果点击此按钮QueryResultsGridView将加载到中心区域

var panelToAddName = Ext.create('MyApp.view.QueryResultsGridView', {});
var mainViewPort = Ext.getCmp('mainViewPort');
var centerRegion = mainViewPort.down('[region=center]');
centerRegion.removeAll();
centerRegion.add(panelToAddName);

我的商店

Ext.define('MyApp.store.QueryResultsGridStore', {
    extend: 'Ext.data.Store',
    model: 'MyApp.model.QueryResultsGridModel',
    alias: 'store.queryResultsGrid',
    autoLoad: true,
    proxy: {
        type: 'ajax',
        url: 'queryResultsGrid.json',
        reader: {
            type: 'json'
        }
    }
});

我的 View 模型

Ext.define('MyApp.viewmodel.MainViewModel', {
    extend: 'Ext.app.ViewModel',

    requires: [
        'MyApp.store.QueryResultsGridStore'
    ],

    alias: 'viewmodel.main',

    stores: {
        queryResultsGrid: {
            type: 'queryResultsGrid'
        }
});

我的面板

Ext.define('MyApp.view.QueryResultsGridView', {
    extend: 'Ext.Panel',
    requires: [
        'MyApp.controller.QueryResultsGridViewController'
    ],
    controller: 'queryResultsGrid',
    listeners: {
        afterrender: 'onFormAfterRender'
    },
    items:[{
        reference: 'queryResultsGrid',
        layout: 'fit',
        items: [
        {
            xtype: 'grid',
            reference: 'grid',
            bind: {
                store: '{queryResultsGrid}'
            },
            columns: [
                { text: 'Text1', dataIndex: 'text1', flex: 1 },
                { text: 'Text2', dataIndex: 'text2', flex: 3 }
            ]
        }]
    }]
});

我的 View Controller

Ext.define('MyApp.controller.QueryResultsGridViewController', {
    extend: 'Ext.app.ViewController',

    alias: 'controller.queryResultsGrid',

    onFormAfterRender: function(form, parent1) {
        console.log(form.down('grid'));
        console.log(form.down('grid').store);
    }
});

现在在控制台中我看到了上面建议的 2 个对象。如果我进入第一个对象，里面有数据，但第二个对象里面是空的。有人能告诉我为什么吗？顺便说一句，我需要这个商店来运行 store.load()。

第一个对象

第二个对象

已更新

这里是https://fiddle.sencha.com/fiddle/kf3/preview如果有帮助，您可以在控制台中看到我上面提到的 2 个对象。源代码可在此处获取 https://fiddle.sencha.com/#fiddle/kf3

Answer 1

您可以使用Ext.getStore()获取任何商店的方法