CODEWITHSUNDEEP
extjsextjs4extjs4.1
Zuller
Zuller

Reputation: 177

ExtJS store with ajax proxy doesn't load data

I am a beginner at ExtJS, and was studying the tutorials on sencha, and one just doesn't want to work (app tutorial).

I have a simple store for a grid, and when the store is using an AJAX proxy to read a json file, the data doesn't show, and according to the net tab in firebug nothing was loaded, because it is empty. And no error is thrown what so ever. But if I add a bad url for my json file, then it throws an error that it can't be found.

my store looks like this:

Ext.define('AM.store.Users', {
    extend: 'Ext.data.Store',
    model: 'AM.model.User',
    autoLoad: true,

    proxy: {
        type: 'ajax',
        url: 'data/users.json',
        reader: {
            type: 'json',
            root: 'users',
            successProperty: 'success'
        }
    }
});

my json file like this:

{
    "success": true,
    "users": [
        {"name": "Ed",    "email": "[email protected]"},
        {"name": "Tommy", "email": "[email protected]"}
    ]
}

model:

Ext.define('AM.model.User', {
    extend: 'Ext.data.Model',
    fields: ['name', 'email']
});

these are exactly the same as in the downloadable source file of the tutorial, which also don't work. If data is defined inline the store, everything is ok. Please help, completely blocked here.

Thanks!

Upvotes: 2

Views: 2457

Answers (1)

Reimius
Reimius

Reputation: 5712

You need to do ajax calls in a server setup like Eric said. To answer the question about loading external data, you can not do that because the reason that it does not work in the first place is for security reasons, which if could be circumvented would have no point. The only way that I think you could load data from an external file would be to save the JSON data as an object in an external .js file and just use the data property of a store to set the data to that object in the external file.

Upvotes: 1

Related Questions