我编写了一个简单的程序来从外部JSON文件中获取数据并将其显示在Dojo Gridx中。但是,它不起作用。

道场代码:

require(["dojo/text!json_to_gridx/js/data.json", "dojo/json", "gridx/Grid"], function(myJSONData, JSON, Gridx) {

    // fetch and parse JSON
    var myJSON = JSON.parse(myJSONData);
    console.log(myJSON);    // working fine

    // create datastore
    var store = myJSON;     // should this be changed?

    // create Gridx
    if(!window.grid){
        console.log('working');     // working fine
        gridx = new Gridx({
                    id: 'grid',
                    store: store,
                    structure: [
                        {id: 'name', field: 'name', name: 'Name'},
                        {id: 'company', field: 'company', name: 'Company'}
                    ]
        });
        console.log('working2');   // does not work
        gridx.placeAt('gridContainer');
        gridx.startup();
    }

});


JSON:

[{"name": "Rahul Desai","company": "PSL"},{"name": "Alston","company": "PSL"}]


我收到一个错误:

TypeError: cacheClass is not a constructor            Model.js


我该如何解决?请帮忙!

编辑:建议使用Memory Store"gridx/core/model/cache/Async"
现在,用于创建Gridx的代码如下所示:

this._disksGrid = new Gridx({
    id: 'grid',
    cacheClass: asyncCache,
    store: store,
    structure: [
        {id: 'name', field: 'name', name: 'Name'},
        {id: 'company', field: 'company', name: 'Company'}
    ]
});


现在没有错误,但是不显示Gridx。知道为什么吗?

编辑2:原来我在先前的编辑中开始错误的网格。现在显示了Gridx,但是重复了第二个值,并且现在确实出现了第一个值。

Name   Company
Alston  PSL
Alston  PSL

最佳答案

我进行了EDIT和EDIT 2中提到的更改,还向JSON的每一行添加了唯一的ID并正确地对其进行了验证。那解决了问题。

关于javascript - 无法从JSON数据显示Gridx,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21472394/

10-09 21:02