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 回答