首页 > Web开发 > 详细

Extjs 4.2 grid 分页问题,点击下一页参数没带过去

时间:2016-03-03 19:14:05      阅读:1218      评论:0      收藏:0      [点我收藏+]

最初的store写法:

var store = Ext.create(‘Ext.data.Store‘, {
    model: ‘PKU‘,//这个地方CarPKU不是一个对象,而是一个类
    remoteSort: false,
    remoteFilter: true,
    pageSize: limitCarPKU,  //页容量20条数据
    method: ‘POST‘,
    proxy: {//代理
        type: ‘ajax‘,
        url: ‘/Handler/PKUCarHandler.ashx?Func=PKUCarUnites‘,
        extraParams: {
            TrademarkId: Ext.getCmp(‘TrademarkId‘).getValue(),
            SubTrademarkId: Ext.getCmp(‘SubTrademarkId‘).getValue(),
            SeriesId: Ext.getCmp(‘SeriesId‘).getValue(),
            ModelNumberId: Ext.getCmp(‘ModelNumberId‘).getValue(),
            start: startCarPKU,
            limit: limitCarPKU
        },
        reader: {
            type: ‘json‘,
            root: ‘data‘,  //根节点
            totalProperty: ‘result‘ //数据总条数
        }
    },
    sorters: [{
        //排序字段。
        property: ‘CarPKU‘,
        //排序类型,默认为 ASC 
        direction: ‘ASC‘
    }],
    //autoLoad: true  //即时加载数据
});

问题出在:extraParams 在4.2中没作用

 extraParams: {
            TrademarkId: Ext.getCmp(‘TrademarkId‘).getValue(),
            SubTrademarkId: Ext.getCmp(‘SubTrademarkId‘).getValue(),
            SeriesId: Ext.getCmp(‘SeriesId‘).getValue(),
            ModelNumberId: Ext.getCmp(‘ModelNumberId‘).getValue(),
            start: startCarPKU,
            limit: limitCarPKU
        },

解决方法:

1.将extraParams进行删除

2.新增代码:

store.on(‘beforeload‘, function (store, options) {
    var params = {
        TrademarkId: Ext.getCmp(‘TrademarkId‘).getValue(),
        SubTrademarkId: Ext.getCmp(‘SubTrademarkId‘).getValue(),
        SeriesId: Ext.getCmp(‘SeriesId‘).getValue(),
        ModelNumberId: Ext.getCmp(‘ModelNumberId‘).getValue(),
        start: startCarPKU,
        limit: limitCarPKU
    };
    Ext.apply(store.proxy.extraParams, params);
});
具体如下:
var store = Ext.create(‘Ext.data.Store‘, {
    model: ‘PKU‘,//这个地方CarPKU不是一个对象,而是一个类
    remoteSort: false,
    remoteFilter: true,
    pageSize: limitCarPKU,  //页容量20条数据
    method: ‘POST‘,
    proxy: {//代理
        type: ‘ajax‘,
        url: ‘/Handler/PKUCarHandler.ashx?Func=PKUCarUnites‘,
        reader: {
            type: ‘json‘,
            root: ‘data‘,  //根节点
            totalProperty: ‘result‘ //数据总条数
        }
    },
    sorters: [{
        //排序字段。
        property: ‘CarPKU‘,
        //排序类型,默认为 ASC 
        direction: ‘ASC‘
    }],
    //autoLoad: true  //即时加载数据
});

store.on(‘beforeload‘, function (store, options) {
    var params = {
        TrademarkId: Ext.getCmp(‘TrademarkId‘).getValue(),
        SubTrademarkId: Ext.getCmp(‘SubTrademarkId‘).getValue(),
        SeriesId: Ext.getCmp(‘SeriesId‘).getValue(),
        ModelNumberId: Ext.getCmp(‘ModelNumberId‘).getValue(),
        start: startCarPKU,
        limit: limitCarPKU
    };
    Ext.apply(store.proxy.extraParams, params);
});

 

Extjs 4.2 grid 分页问题,点击下一页参数没带过去

原文:http://www.cnblogs.com/foreverfendou/p/5239595.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!