Json 覆盖ExtJS 4存储中的默认参数名称

Json 覆盖ExtJS 4存储中的默认参数名称,json,extjs4,cross-domain,jsonp,Json,Extjs4,Cross Domain,Jsonp,我正在尝试覆盖存储代理中limitParam的默认参数名。我想对进行JSONP调用,但不是直接设置rpp,而是将其映射到limitParam并设置其值。但它不是通过limitParam设置的。我这样做的原因是存储发送的参数键(sort、dir等)与服务器端的参数不匹配(我无法控制)。提前谢谢 Ext.require('Ext.grid.View'); Ext.require('Ext.util.Point'); Ext.application({ name: '

我正在尝试覆盖存储代理中limitParam的默认参数名。我想对进行JSONP调用,但不是直接设置rpp,而是将其映射到limitParam并设置其值。但它不是通过limitParam设置的。我这样做的原因是存储发送的参数键(sort、dir等)与服务器端的参数不匹配(我无法控制)。提前谢谢

    Ext.require('Ext.grid.View');
    Ext.require('Ext.util.Point');

    Ext.application({
    name: 'HelloExt',
    launch: function() {
    /*Ext.create('Ext.container.Viewport', {
        layout: 'fit',
        items: [
            {
                title: 'Hello Ext',
                html : 'Hello! Welcome to Ext JS.'

            }
        ]
    });*/
    console.log('ok1');


    Ext.define('Video', {
        extend: 'Ext.data.Model',
        fields: ['from_user', 'from_user_id']
    });

    var myStore2 = Ext.create('Ext.data.Store', {
        model: 'Video',
        storeId : 'restfulStore',
        proxy: {
            type: 'jsonp',
            url : 'http://search.twitter.com/search.json?q=kathmandu',
            reader: {
                type: 'json',
                //root: 'data.items'
                root: 'results'
            },
            limitParam: 'rpp',
            pageParam: 'page'
        },
        listeners: {
            load: function(store, records) {
                Ext.each(records, function(rec) {
                    console.log(rec.get('from_user'));
                });
            }
        },
        sorters: [{
            property: 'from_user',
            direction: 'DESC'
        }, {
            property: 'from_user_id',
            direction: 'ASC'
        }],
        //autoLoad: true,
        remoteSort: true
    });

    var p = myStore2.getProxy();
    p.limitParam = 2;



    myStore2.load();
    console.log('loads anyway??? loaded the store ...');


    Ext.create('Ext.grid.Panel', {
        title: 'Restful Grid',
        store: Ext.data.StoreManager.lookup('restfulStore'),
        columns: [
            {header: "From User", width: 200, sortable: true, dataIndex: 'from_user'},
            {header: "From User ID", width: 200, sortable: true, dataIndex: 'from_user_id'}
        ],
        height: 400,
        width: 400,
        renderTo: Ext.getBody()
    });



    console.log('store loaded!!');
}
    });

您的代理配置可以满足您的要求。问题在于加载存储的方式。您不应该更改
limitParam
,它实际上是参数的名称的配置选项。要影响结果的数量,请使用load方法的选项,您也可以使用
pageSize
选项在存储中配置该选项

因此,请删除以下内容:

var p = myStore2.getProxy();
p.limitParam = 2;
相反,在加载存储时使用
限制
选项:

myStore2.load({
    limit: 2
});
或者,您可以使用
pageSize
选项在存储配置中设置:

Ext.create('Ext.data.Store', {
    // ...
    pageSize: 2
    ,autoLoad: true
});
通过将默认值设置为
pageSize
,并在加载时使用
limit
对其进行更改,可以将两者混合使用

作为补充说明,tweeterapi似乎不支持排序,因此您的
sorter
配置不会对返回的结果产生任何影响。您应该将
remoteSort
切换到
false
,以便根据您的配置在客户端对返回的结果进行排序