ExtJS网格不显示商店数据

时间:2014-07-16 10:48:58

标签: javascript extjs grid jsonstore

我的ExtJS网格未显示我的商店数据。使用ExtJS 5

  

这是我的网格(它在hbox中):

{
    xtype: 'grid',
    title: 'Company Manager',
    id: 'companyGrid',
    flex: 1,
    plugins: 'rowediting',
    columnLines: true,
    store: Ext.data.StoreManager.lookup('companyStore'),
    columns: {
        items: [{
                header: 'ID',
                dataIndex: 'id',
            },
            {
                header: 'Name',
                dataIndex: 'name',
            },
            {
                header: 'Token',
                dataIndex: 'access_token'
            },
        ]
    }
}

  

这是我的商店(我使用Sencha的谷歌扩展程序,它填充了我的数据,所以这有用+结尾});被编码块忽略了):

var companyStore = Ext.create('Ext.data.Store', {
    storeId: 'companyStore',
    proxy: {
        type: 'ajax',
        url: 'resources/data/company.json',
        reader: {
            type: 'json',
            rootProperty: 'data'
        }
    },
    fields: [{
        name: 'id',
        type: 'int'
    }, {
        name: 'name',
        type: 'string'
    }, {
        name: 'access_token',
        type: 'string'
    }],
    autoLoad: true
});

有谁知道我在这里出错?

我试过:重新加载商店,检查商店是否实际填满,刷新网格视图。

我没有尝试过任何工作,我决定向你们寻求建议:)

1 个答案:

答案 0 :(得分:1)

@Evan Trimboli

你让我思考,我摆弄了一秒钟,找到了以下解决方案。

而不是使用

store : Ext.data.StoreManager.lookup('companyStore'),

我用过

bind : '{companyStore}',

将定义商店移向CompanyModel.js文件:)现在它正常运行!!!!

谢谢:D