ExtJS无法从JSON文件加载数据到网格

时间:2014-05-19 11:10:35

标签: javascript json extjs

我是ExtJS中的新手,我遇到了从JSON文件将数据加载到网格的问题。

这是我的代码:

型号:

Ext.define('EXP.model.EXT.EXTModel', {
extend: 'Ext.data.Model',
fields: [
    {name: 'id'}, 
    {name: 'name'},
    {name: 'email'}
]
});

商店:

Ext.define('EXP.store.EXT.EXTStore', {
extend: 'Ext.data.Store',
storeId:'EXTStore',
model: 'EXP.model.EXT.EXTModel',
autoLoad: true,

proxy: {
type: 'ajax',
url: 'data/users.json',
reader: {
type: 'json',
root: 'users',
successProperty: 'success'
}
}
});

查看:

Ext.define('EXP.view.EXT.ComponentsField' ,{
extend: 'Ext.grid.Panel',
alias: 'widget.componentsfield',
title: 'All Users',
store: 'EXT.EXTStore',
initComponent: function() {
this.columns = [
{header: 'Id', dataIndex: 'id', flex: 1},
{header: 'Name', dataIndex: 'name', flex: 1},
{header: 'Email', dataIndex: 'email', flex: 1}
];
this.callParent(arguments);
}
});

JSON文件:

{
  "users": [
  {"id": 1, "name": "Ed", "email": "ed@sencha.com"},
  {"id": 2, "name": "Tommy", "email": "tommy@sencha.com"}
  ]
}

我是否还需要更多内容才能显示此数据?关于我的问题,我已经谈了几个主题,但没有一个是有帮助的。 :(

我在控制台中没有任何错误。网格正在显示,但它没有数据。

0 个答案:

没有答案