ExtJS Grid不加载数据

时间:2011-04-09 12:22:08

标签: json extjs grid

我正在尝试使用JsonStore在网格中显示数据。 网格会被渲染,但不会显示数据。

API.ashx返回的JSON数据:

[{"Account":{"Username":"root","Password":null,"Enabled":true,"Id":1},"Text":"Hallo Welt!","Id":1},{"Account":{"Username":"root","Password":null,"Enabled":true,"Id":1},"Text":"hihihi","Id":3}]

我的代码:

Ext.onReady(function () {
var store = new Ext.data.JsonStore({
    url: 'API.ashx?type=notes&action=getAll',
    root: 'Note',
    autoload: true,
    fields: ['Text', { name: 'Id', type: 'int'}]
});

var grid = new Ext.grid.GridPanel({
    store: store,
    columns: [
        {
            id: 'Note',
            header: 'Id',
            width: 25,
            sortable: true,
            dataIndex: 'Id'
        },
        {
            header: 'Text',
            width: 160,
            sortable: true,
            dataIndex: 'Text'
        }
    ],
    stripeRows: true,
    autoExpandColumn: 'Note',
    height: 350,
    width: 600,
    title: 'Notes',
    stateful: true,
    stateId: 'grid'
});

store.load();

grid.render('grid-example');
});

1 个答案:

答案 0 :(得分:3)

我自己修好了。我不得不删除选项“root”,现在它工作正常。