Having trouble populating an ajax/json store

[dobie_]

Hi,
I have a Sencha Touch 2.0.1 app running here: http://www.joppio.com/
I'm having trouble populating the dataview store when users click the "Top 20" button in the bottom tab bar.

Here's the store code:

            App.myStore = Ext.create('Ext.data.Store', {
                autoLoad: true,
                model: 'DataJoppioApplication', 
                proxy: {       
                    type: 'ajax',                   
                    url: App.getTop20Url(),         
                    reader: {  
                        type: 'json',                   
                        record: 'Joppio::Application'   
                    }
                },             
                listeners: {   
                    addrecords: function(t, r) {    
                        console.log('addrecords:', r);  
                    },         
                    load: function(t, r) {          
                        console.log('load:', r);        
                    }          
            });

Here's the route for the Top 20 apps:
http://www.joppio.com/services/top20 (copy and paste this, or refresh after clicking, to get around the same origin policy)


UPDATE: this thread should be deleted: there was an illegal character coming in from the back-end which was causing the problem.

[mitchellsimoens]

fyi, http://www.joppio.com/services/top20 is giving a forbidden error.

Where does it not populate? Tapping on the top 20 tab it loads.