Question

I’ve trying to get the sencha touch 2 data management examples to work but with no use. Here is the code of a simple model and store that are not working (getCount returns 0).

Ext.define('MyClient.model.Product', {
    extend:'Ext.data.Model',
    config:{
        fields:['name', 'image'],
        proxy:{
            type:'ajax',
            url:'http://localhost/st2/Projets/my-client-sencha/data/products.json',
            reader:{
                type:'json',
                rootProperty:'products',
                successProperty:'success'
            }
        }
    }
});

Ext.define('MyClient.store.ProductsStore', {
    extend:'Ext.data.Store',
    config:{
        model:'MyClient.model.Product',
        autoLoad:true,
        autoSync:true
    }
});

In the launch function I have these lines:

        var prod = Ext.create('MyClient.store.ProductsStore');
        prod.load();
        alert(prod.getCount());

And finally here’s my products.json:

[

    {
        "name":"test"
    }
]

I’m not getting any errors in the console but still the getCount always returns 0. Can use some help here please.

EDIT: wrong JSON, not working with this neither:

{
    "success":true,
    "products": [

        {
            "name":"test"
        }
    ]
}

Answer 1

Because of your setting rootProperty:’products’, your json has to be like

{
    products: [

        {
            "name":"test"
        }
    ]
}

if you do not want to change server response remover rootProperty from config.

have a look at Json Reader doc

Ahh… you forgot about asyn nature of the load()….

var prod = Ext.create('MyClient.store.ProductsStore');
prod.load(function ( ){
    alert(prod.getCount());
});

Notice that it prod.load() is using only for testing purposes, as far you have set property autoLoad: true.

In your snippet the loader would make 2 similar calls.

Cheers, Oleg