STB2, JSON data in DataStore.Raw but not in DataStore.Data

[curmil]

I tried to update to B2, but my jsonp stores stopped loading the fetched data into the associated models. It worked in B1 and below, but not in B2.

my model

Ext.define('MyApp.model.Post', {
    extend: 'Ext.data.Model',
    config: {
        idProperty: 'localId',
        fields: [
            {name: "localId", type: "auto"},
            {name: "id", type: "int"},
            ...
            {name: "text", type: "string"},
            ...
        ],
        proxy: 'posts',
    },
});

my local proxy

Ext.define('MyApp.proxy.Posts', {
    extend  : 'Ext.data.proxy.LocalStorage',
    alias: 'proxy.posts',
    config: {
        id: 'localposts',
        model: 'MyApp.model.Post',
    }
})  ;

my remote store

Ext.define('MyApp.store.RemotePosts', {
    extend  : 'Ext.data.Store',
    config: {
        id: 'RemotePosts',
        model: 'MyApp.model.Post',
        remoteFilter: true,
        proxy: {
            type: 'jsonp',
            url: 'http://mydomain.com/post/fetch',
            reader: {
                        type: 'json',
                        root: 'results'
                    },
               },
    },
});

when my view initializes

            var remotePosts = Ext.create('MyApp.store.RemotePosts', {
                remoteFilter: true,
                filters: filters,
            });


            remotePosts.load({
                callback: function(records, operation, success) {
                    for (i in records) {
                        var currentRecord = records[i];
                                                ...
                    }
                }
            });

Here is what the records variable looks like in chrome. As you can see the data is in the raw results but not in the data itself.

0: Ext.apply.create.Class
_data: Object
data: Object
id: null
localId: "ext-record-12"
...
text: null
__proto__: Object

id: "ext-record-12"
internalId: "ext-record-12"
modified: Object
phantom: true
raw: Object
next_page: "?page=2&max_id=164575332152774658&q=my+search"
page: 1
refresh_url: "?page=2&max_id=164575332152774658&q=my+search"
results: Array[17]
0: Object
id: "144221157757947904"
id_str: "144221157757947904"
text: "Some Text"
...
__proto__: Object

1: Object
...

Any ideas?

This has been reported in Ext JS 4 as well, but there's been no answer and since it only happens in B2, I figured I could get a better answer here.

http://www.sencha.com/forum/showthre...DataStore.Data

[mitchellsimoens]

How many records are returned in your load callback?

Also, the data property shouldn't be used, the _data property is the one to use.

[curmil]

The store returns a record set with a single record in it. That record has no data in the data or _data properties except for the id attribute (localId). The actual 17 records that should have been in the recordset exist in the raw property of the single record.

[curmil]

I figured it out, the root property in the reader needed to be changed to rootProperty, so this:

Ext.define('MyApp.store.RemotePosts', {
    extend  : 'Ext.data.Store',
    config: {
        id: 'RemotePosts',
        model: 'MyApp.model.Post',
        remoteFilter: true,
        proxy: {
            type: 'jsonp',
            url: 'http://mydomain.com/post/fetch',
            reader: {
                        type: 'json',
                        root: 'results'
                    },
               },
    },
});

became

Ext.define('MyApp.store.RemotePosts', {
    extend  : 'Ext.data.Store',
    config: {
        id: 'RemotePosts',
        model: 'MyApp.model.Post',
        remoteFilter: true,
        proxy: {
            type: 'jsonp',
            url: 'http://mydomain.com/post/fetch',
            reader: {
                        type: 'json',
                        rootProperty: 'results'
                    },
               },
    },
});

[tmort]

Thank you! You saved me from two more​ hours of scratching my head.