我是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"}
]
}
我是否还需要更多内容才能显示此数据?关于我的问题,我已经谈了几个主题,但没有一个是有帮助的。 :(
我在控制台中没有任何错误。网格正在显示,但它没有数据。