CODEWITHSUNDEEP
jsonsencha-touch
larschanders
larschanders

Reputation: 1989

Creating a list and fill it from a JSON source with Sencha Touch

Im having trouble with what should be a simple thing to do but cant get it to work. I have tried several examples from different sites and looked and the Sencha Touch API but no luck. What I am trying is to just fill a List from an external JSON source. To make it as simple as possible I've just put it in an external file for now.

Ext.setup({
tabletStartupScreen: 'tablet_startup.png',
phoneStartupScreen: 'phone_startup.png',
icon: 'icon.png',
glossOnIcon: false,
onReady : function() {

    Ext.regModel('Contact', {
        fields: ['firstName', 'lastName']
    });

   var store = new Ext.data.Store({
            model: 'Contact',
            sorters: 'firstName',

            getGroupString : function(record) {
                return record.get('firstName')[0];
            },
            proxy: {
                type: 'ajax',
                url : 'test.json',
                reader: {
                    type: 'json'
                }
            }
        });

   var list = new Ext.List({
        fullscreen: true,

        itemTpl : '{firstName} {lastName}',    
        store: store
    });
    list.show();}});

The JSON file

[
{
    "firstName" : "pelle",
    "lastName": "ollesson"
},
{
    "firstName" : "nisse",
    "lastName": "pellssdfok"
}
]

Is there something that you can see right away that is wrong?

Thanks in advance

Upvotes: 3

Views: 3773

Answers (1)

larschanders
larschanders

Reputation: 1989

Ok, solved. When I removed sorters and getGroupString it suddenly worked.

Upvotes: 2

Related Questions