Issues Grabbing JSON - I'm so close.

[porpoise]

Hi all,

Sooooo close to nailing this but I can't get it to work. Problem is that it's not loading the JSON and displaying it. My JSON file is valid (I checked it at JSON Lint) and is very simple. Here's the JSON which is in the same directory as app.js:

{
    "firstName": "John",
    "lastName" : "Smith"
}

And my Sencha Touch code:

var App = new Ext.Application({
    name: 'ExpEng',
    useLoadMask: true,
    launch: function () {


        Ext.regModel('Work', {
            fields: [
                { name: 'firstName', type: 'string' },
                { name: 'lastName', type: 'string' }
            ]
        });        


        Ext.regStore('workStore', {
            model: 'Work',
            proxy: {
                type: 'ajax',
                url: 'sample.json',
                reader: {
                    type: 'json'
                } 
            }
            //data: [
		      //  { id: 1, date: new Date(), title: 'Test Note', narrative: 'This is simply a test note' }
		    //]
        });


        ExpEng.views.workList = new Ext.List({
			    id: 'workList',
			    store: 'workStore',
			    onItemDisclosure: function (record) {
			        //TK
			    },
			    itemTpl: '<div class="list-item-title">{firstName}</div>'
		});        


        ExpEng.views.workListContainer = new Ext.Panel({
            id: 'workListContainer',
            layout: 'fit',
            html: 'This is the work list container',
            items: [ExpEng.views.workList]
        });


        ExpEng.views.viewport = new Ext.Panel({
            fullscreen: true,
            layout: 'card',
            cardAnimation: 'slide',
            items: [ExpEng.views.workListContainer]
        });
    }
});

You'll note the commented out data which is what I was using to make sure that the store was communicating with the model - which it was - it showed up just fine. I tried to take it to the next level by snagging this JSON file but it ain't working.

Thanks for the help!

[mitchellsimoens]

Your JSON is valid but it's not. The Store is expecting an Array:

[
    {
        "firstName": "John",
        "lastName": "Smith"
    }
]

[porpoise]

I replaced my JSON code with this:

[
    {
        "firstName": "John",
        "lastName" : "Smith"
    }
]

But the app just hangs on the loading icon...

[mitchellsimoens]

Odd... worked 100% for me.

[porpoise]

I get this error in console:

TypeError: 'undefined' is not an object (evaluating 'a.length')

It says it's in sencha-touch.js:6

Does that yield any clues?

[porpoise]

Oops. That wasn't very helpful, was it. From the debug.js I get this error from console:

TypeError: 'undefined' is not an object (evaluating 'records.length')

from

sencha-touch-debug:7231

[porpoise]

Ha - solved it. I wasn't running my app from a web server. I did that and now it works! Thanks for your help!!