Extjs 4 grid store MVC with Ext direct url is undefined

Question

I have a grid with store, and I want to load on render or click a button, but when I try to load the grid, got an url is undefined error. I need to use Ext direct, so no url. What should I do?

Ext.define('My.view.Grid' ,{
    extend: 'Ext.grid.Panel',
    //...
    store: 'MyStore',
    //...
}

Store:

Ext.define('My.store.MyStore', {
    extend: 'Ext.data.JsonStore',

    //...

    model: 'My.model.MyModel',

    proxy: {
        type: 'direct',
        directFn: Ext.direct.Class.function,
        paramOrder: ['start', 'limit', 'sort', 'active'],
            reader: {
                type: 'json',
                root: "data",
                idProperty: 'id',
                totalProperty: "all"
            },
            extraParams: {
                active: 1
            }
    },
    remoteSort: true,
    sorters: ['name']

    //...

Is your problem solved? If yes, please accept my answer, if not, comment it. Thanks! — Darin Kolev, Jul 03 '15 at 10:46

Darin Kolev · Accepted Answer · 2015-07-02T07:59:23.710

Extend your store from Ext.data.Store:

Ext.define('My.store.MyStore', {
    extend: 'Ext.data.Store',
    // ...
});

If you see the source code of Ext.data.JsonStore, you will see that there is predefined an ajax proxy:

constructor: function(config) {
    config = Ext.apply({
        proxy: {
            type  : 'ajax',
            reader: 'json',
            writer: 'json'
        }
    }, config);
    this.callParent([config]);
}

Extjs 4 grid store MVC with Ext direct url is undefined

1 Answers1