0

Web サービスから受け取った JSON からストアを読み込もうとしています。しかし、JSON からのすべてのデータは、ストア内のアイテムの「生」列の下に置かれます...理由がわかりません。私のコードは正しいようです。どんな助けでも大歓迎です。

私のモデル:

Ext.define('App.model.Node', {
    extend: 'Ext.data.Model',
    config: {
        fields: [
            { name: 'id', type: 'int' }, 
            { name: 'version', type: 'int' }, 
            { name: 'user_id', type: 'int' }, 
            { name: 'tstamp', type: 'date' }, 
            { name: 'changeset_id', type: 'int' }, 
            { name: 'tags', type: 'string' }, 
            { name: 'geom', type: 'string'}
        ],

        idProperty: 'id'
    }
});

私の店 ：

Ext.define('App.store.NodeStore', {
    extend: 'Ext.data.Store',
    xtype: 'nodestore',
    requires: [
        'Ext.data.proxy.Rest'
    ],
    config: {
        model: 'App.model.Node',
        storeId: 'nodeStore',
        autoLoad: true,
        proxy: {
            type:'rest',
            url:'http://localhost/server/nodes',
            reader: {
                type:'json',
                rootProperty: 'nodes'
            },
            noCache: false,
            limitParam: false,
            headers: {                
                'Accept' : 'application/json'                 
            }
        }
    }
});

私のJSON：

{
    "nodes": [
        {
            "id": "454467",
            "version": 6,
            "user_id": 52015,
            "tstamp": "2008-12-27 21:38:45",
            "changeset_id": "634766",
            "tags": "",
            "geom": "0101000020E6100000409CD1A0B29321405455682096804740"
        },
        {
            "id": "454468",
            "version": 8,
            "user_id": 52015,
            "tstamp": "2009-12-23 20:47:15",
            "changeset_id": "3437205",
            "tags": "",
            "geom": "0101000020E6100000357C0BEBC69321409EC02ACD9C804740"
        }, 
        {
            "id": "454469",
            "version": 7,
            "user_id": 52015,
            "tstamp": "2009-12-23 20:47:15",
            "changeset_id": "3437205",
            "tags": "",
            "geom": "0101000020E6100000347914F8D4932140B8BBBD5AA4804740"
        }
    ]
}

そして、私がするとき

var nodeStore = Ext.getStore('nodeStore');
nodeStore.load();
console.log(nodeStore.getData());

次のオブジェクトが表示され、アイテムの下の生の列にデータが表示されます...

店内データ

4

1 に答える 1

1

私はそれを理解しました、私のコードは正しく、欠けているのは load() 関数のコールバックだけです:

nodeStore.load({
    callback: function(records, operation, success) {
        console.log(records);
        console.log(nodeStore.getCount());
        nodeStore.each(function(element) {
            console.log(element.data.id);
        });
    },
    scope: this,
});

問題は、データをロードする前にストアにアクセスしようとしたことです。今、すべてのデータがロードされてアクセスできるようになるのを待っています。

于 2013-06-26T07:11:31.303 に答える