无法从gridpanel extjs4 MVC中的存储加载数据

Posted 2023-03-16

【中文标题】无法从gridpanel extjs4 MVC中的存储加载数据

【英文标题】：Can't load data from store in gridpanel extjs4 MVC

【发布时间】：2014-10-20 18:51:31

【问题描述】：

我的 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: '[e-mail]' ,
         name: 'Tommy', surname: 'dfgdfgdfg', email: '[e-mail]' 
    ],
    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() 方法，但没有出现。任何人都在这里帮助！非常感谢！！！

【参考方案1】：

你能不能替换extend: 'Ext.data.ArrayStore' 到 扩展：'Ext.data.Store' 然后尝试...

【参考方案2】：

您不需要控制器。 当数据被硬编码时会自动加载。

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

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

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

);