Extjs使用JSON文件填充网格时出现问题

时间:2011-11-21 05:17:50

标签: json extjs extjs4

我正在尝试使用JSON文件填充网格,但JSON文件很复杂。

下面是我的JavaScript文件,下面是我的JSON文件的链接。请注意,我在JSON文件中尝试的字段位于顶部。

我已尝试过所有内容,但如果我从“阅读器”中删除“root”和“record”,我只能获得'server_time',这样可以证明它在某种程度上有效但我无法得到任何其他内容我尝试了哪种配置。

请帮我解决这个问题。在此先感谢!

链接到JSON文件LINK

ExtJS代码

Ext.onReady(function(){

    Ext.define('Jobs', {
        extend: 'Ext.data.Model',
        fields: [
            {name: 'op_comm_status'},
            {name: 'job_category_level_two'},
            {name: 'op_description'}
        ]
    });

    var store = Ext.create('Ext.data.Store', {
        model: 'Jobs',
        proxy: {
            type: 'ajax',
            url : 'results/company_list.json',
            reader: {
                type: 'json',
                root: 'jobs',
                record: 'job'
            }
        }
    });

    store.load();

    var grid = Ext.create('Ext.grid.Panel', {
        store: store,
        columns: [{
            header: 'Status',
            dataIndex: 'op_comm_status'
        },{
            header: 'Category Level Two',
            dataIndex: 'job_category_level_two'
        },{
            header: 'Description',
            dataIndex: 'op_description'
        }]
    });

    grid.render(Ext.getBody());
})

2 个答案:

答案 0 :(得分:0)

不是真正的解决方案,我转而使用XML,并在5分钟内完成工作

答案 1 :(得分:0)

尝试以下代码:

var proxy = new Ext.data.HttpProxy({url: "your url"});
var reader = new Ext.data.JsonReader({
        root: 'rows',
        totalProperty: 'count',
        id: 'id'    });
var store = new Ext.data.Store({
        proxy: proxy,
        reader: reader,
        remoteSort: true
    });

您可以根据需要添加其他属性。