Model view controller Can'；t从gridpanel extjs4 MVC中的存储加载数据

我的MVC如下：

型号：

Ext.define('test.model.mdlPerson', {
    extend: 'Ext.data.Model',
    fields: [
        { name: 'name' },
        { name: 'surname' }, 
        { name: 'email' }
    ]
}); 

商店：

Ext.define('test.store.Person', {
    extend: 'Ext.data.ArrayStore',
    model: 'test.model.mdlPerson',
    data: [
        { name: 'Edddd', surname: 'dfasd', email: 'ed@sencha.com' },
        { name: 'Tommy', surname: 'dfgdfgdfg', email: 'tommy@sencha.com' }
    ],
    storeId: 'Person'
});

网格面板视图：

Ext.define('test.view.GridPanel', {
    extend: 'Ext.grid.Panel',
    title: 'The GridPanel',
    alias: 'widget.gridpanel',
    itemId: 'gridPanelId',
    store: 'Person',
    initComponent: function() {
        columns : [
                { text: 'Name', dataIndex: 'name' },
                { text: 'Surname', dataIndex: 'surname' },
                { text: 'E-mail', dataIndex: 'email' }
            ]
        this.callParent(arguments);
    }
});

控制器：

Ext.define('test.controller.GridPanel', {
    extend: 'Ext.app.Controller',
    stores: ['Person'],
    models: ['mdlPerson'],
    views: ['GridPanel'],
    refs: [{
        ref: 'gridpanel',
        selector: 'gripanel'
    }]
});

---

问题是无法加载存储。我也尝试过getStore（）方法，但什么也没有出现。有人来帮忙吗！非常感谢

这不需要控制器。 当数据硬编码时，将自动加载

你有你的app.js吗？ 如果你不在这里

Ext.application({
    models: [
        'mdlPerson'
    ],
    stores: [
        'Person'
    ],
    views: [
        'GridPanel'
    ],
    name: 'test',

    launch: function() {
        Ext.create('test.view.GridPanel', {renderTo: Ext.getBody()});
    }

});

---

能否替换extend:'Ext.data.ArrayStore' 到 扩展：“Ext.data.Store”，然后尝试