1

ExtJs コードを含む Javascript ファイルと同じドメインにある JSON ファイルのデータを使用して、グリッド パネルを実装しようとしました。ExtJs 3.4 を使用しています。

グリッドは表示されますが、データはありません。Firebug は、JSON ファイルの最初の行にエラーがあることを示すエラー メッセージを表示します (「整形式ではありません」)。JSON ファイルを検証しましたが、すべて問題ありません。

これが私のコードです：

Ext.onReady(function () {
    var myStore = new Ext.data.JsonStore({
        url: 'data.json',
        root: 'rows',
        autoLoad: true,
        fields: [{
            name: 'person',
            type: 'string'
        }, {
            name: 'product',
            type: 'string'
        }]
    });

    var grid = new Ext.grid.GridPanel({
        id: 'gridPanel',
        title: 'Grid example',
        width: 250,
        height: 250,
        renderTo: 'grid-example',
        store: myStore,
        columns: [{
            header: 'Person',
            dataIndex: 'person'
        }, {
            header: 'Product',
            dataIndex: 'product'
        }]
    });
});

私のJSONデータは次のとおりです。

{
    "rows": [{
        "person": "Jamie Avins",
        "product": "Ladder"
    }, {
        "person": "Ed Spencer",
        "product": "Spanner"
    }]
}

何が悪いのか考えはありますか？誰かヒントをくれませんか？

前もって感謝します！

セハ

4

2 に答える 2

1

使用する：

reader: {
    type: 'json',
    root: 'rows'
}

あなたJsonStoreのjson応答を検証します。

それがあなたのために働くことを願っています。

于 2013-02-18T18:43:51.763 に答える
0

私はあなたのコードとあなたの例から切り取って貼り付けた正確なJSON文字列をテストしました。Grailsを使用して文字列を返す（ファイルからの読み取りではない）場合は問題なく機能しました。Firebugは文句を言いませんでした。ファイル自体が問題である可能性があるようです。おそらく、隠されたキャラクターが忍び寄っています。

于 2011-11-14T20:06:49.250 に答える