I'm trying to make EXT JSON store to send data using JSON, however it does not seem to be working. Here is simple code:

       var myStore = new Ext.data.Store({
    //model: 'User',
    proxy: {
        type: 'ajax',
        url: '/users.svc',
        reader: {
            type: 'json',
            root: 'users'
        },
        writer: {
            type: 'json',
            root: 'data'
        },
        actionMethods: {
            create: 'POST', read: 'POST', update: 'POST', destroy: 'POST'
        },
        extraParams: { test: 'test' }
    },
        listeners: {
            beforeload: function (store, operation, options) {
                //alert(operation.params);
            }
        },
    autoLoad: true
});

Since I defined JSON "writer", my expectation that parameterswould be send to server using JSON. However it's still doing regular POST with following body: test=test&page=1&start=0&limit=25

While my expectation is that POST should have the following body: {test:'test',page:1,start:0}

I would appreciate any help

P.S. I'm using EXTJS 4.0.7

I'm trying to make EXT JSON store to send data using JSON, however it does not seem to be working. Here is simple code:

       var myStore = new Ext.data.Store({
    //model: 'User',
    proxy: {
        type: 'ajax',
        url: '/users.svc',
        reader: {
            type: 'json',
            root: 'users'
        },
        writer: {
            type: 'json',
            root: 'data'
        },
        actionMethods: {
            create: 'POST', read: 'POST', update: 'POST', destroy: 'POST'
        },
        extraParams: { test: 'test' }
    },
        listeners: {
            beforeload: function (store, operation, options) {
                //alert(operation.params);
            }
        },
    autoLoad: true
});

Since I defined JSON "writer", my expectation that parameterswould be send to server using JSON. However it's still doing regular POST with following body: test=test&page=1&start=0&limit=25

While my expectation is that POST should have the following body: {test:'test',page:1,start:0}

I would appreciate any help

P.S. I'm using EXTJS 4.0.7

• javascript
• json
• extjs
• extjs4
• http-post

Share Improve this question Follow edited Dec 25, 2015 at 12:32 Brian Tompsett - 汤莱恩 5,8937272 gold badges6161 silver badges133133 bronze badges asked Mar 3, 2012 at 17:39 user1247132user1247132 1111 gold badge11 silver badge22 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 2

proxy.read always use params, NOT jsonData, so store.load can't post json

http://ahlearns.wordpress./2012/08/16/ext-js-4-load-a-data-store-using-json-params/

Ext.define('Ext.ux.data.proxy.JsonAjaxProxy', {
extend:'Ext.data.proxy.Ajax',
alias:'proxy.jsonajax',

actionMethods : {
    create: "POST",
    read: "POST",
    update: "POST",
    destroy: "POST"
},

buildRequest:function (operation) {
    var request = this.callParent(arguments);

        // For documentation on jsonData see Ext.Ajax.request
        request.jsonData = request.params;
        request.params = {};

        return request;
},

/*
 * @override
 * Inherit docs. We don't apply any encoding here because
 * all of the direct requests go out as jsonData
 */
applyEncoding: function(value){
    return value;
}

});

Hope this helps!

Shift the proxy definition to the model.

E.g.

Ext.define('User', {
extend: 'Ext.data.Model',
fields: ['id', 'name', 'email'],
proxy: {
    type: 'ajax',
    url: '/users.svc',
    reader: {
        type: 'json',
        root: 'users'
    },
    writer: {
        type: 'json',
        root: 'data'
    },
    actionMethods: {
        create: 'POST', read: 'POST', update: 'POST', destroy: 'POST'
    },
    extraParams: { test: 'test' }
}
});

Then configure the store like so:

 var myStore = new Ext.data.Store({
   model: 'User'
   });

The store will use the proxy specified in the model. Hope this helps!