Extjs 4.2 grid 分页问题,点击下一页参数没带过去
最初的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 分页问题,点击下一页参数没带过去的更多相关文章
- easyUI pagination分页控件点击下一页后跳转到最后一页
easyui-pagination点击下一页直接跳转到最后一页的可能原因 今天做到聊天记录展示页面的时候发现一个bug:初次进入页面加载出第一页的数据,点击下一页的时候不是到第二页而是到最后一页. 如 ...
- oracle分页排序,点击下一页数据不刷新
oracle数据库中,如果每一页的最后一条和次页第一条数据的排序字段重复,会导致排序混乱,出现点击下一页数据不刷新的现象,所以一般排序至少选择一个相对唯一的字段.在前端页面可以输入排序条件的场景中,最 ...
- ASP.NET MVC中使用MvcPager异步分页+在分页中复选框下一页上一页也保持选中
ASP.NET MVC 分页使用的是作者杨涛的MvcPager分页控件 地址:http://www.webdiyer.com/mvcpager/demos/ajaxpaging/ 这个分页控件在里面 ...
- nodejs爬虫笔记(五)---利用nightmare模拟点击下一页
目标 以腾讯滚动新闻为例,利用nightmare模拟点击下一页,爬取所有页面的信息.首先得感谢node社区godghdai的帮助,开始接触不太熟悉nightmare,感觉很高大上,自己写代码的时候问题 ...
- (java)selenium webdriver学习,选择模块,点击下一页,获取当前url
selenium webdriver学习,选择模块,点击下一页,获取当前url 查找下一页有多种方法,这里列举两种: isSelected()函数用于判断是否点击选中,返回Boolean类型 impo ...
- ExtJS自制表格Grid分页条
试过Grid自带的load和分页功能,没有成功,干脆就自己写了...... 主要是查询条件比较复杂...... 希望哪位大神能有更好的意见. Ext.define('MyApp.ux.Paginati ...
- php按条件查询的数据分页显示,点击下一页时又列出全部数据的解决办法
其实很简单,只要把表单提交方式改为get方式就行了,然后调用分页函数: function getpage(&$m,$where,$pagesize=10){ $m1=clone $m;//浅复 ...
- PHPCMSv9首页显示分页点击下一页跳转链接出现错误,跳转到后台的解决方案
1 引用页写为 {pc:content action="lists" catid="10" order="updatetime DESC" ...
- Extjs 解决grid分页bug问题
//从后端获取数据加载到grid中var mainStore = new HeJsonStore({ url:'xxx', autoLoad:true, pageSize:20 }) //此方法最好放 ...
随机推荐
- [转]如何烧录tizen镜像文件?(图文教程)
http://blog.csdn.net/flydream0/article/details/9179143 上一篇文章我已讲过如何制作镜像文件(http://blog.csdn.net/flydre ...
- 转:C# Autocad 关闭所有有色斑的图层
/*关闭所有有色斑的图层 * * 色斑图层比较多的情况下,一个一个弄比较麻烦,这个一次全关,再配合图层状态保存功能就非常容易相互切换了 * * http://goat.cublog.cn * 作者 ...
- Stimulsoft Reports筛选数据来绑定显示2个报表
今天用Stimulsoft Reports做报表的时候,遇到一个问题,需要一个报表中显示2个报表视图,我在百度和博客园中搜索了一下,发现这方面的资料很少,我自己最后把问题解决了之后,整理了一下给大家分 ...
- NSMutableArray 根据key排序
/** * NSMutableArray 排序 * * @param dicArray 数据 * @param key 关键字排序 * @param yesOrNo 升序或降序排列,yes为升序,no ...
- C# 线程锁Lock 死锁
使用lock场景 多线程环境中,不使用lock锁,会形成竞争条件,导致错误. 使用lock 锁 可以保证当有线程操作某个共享资源时,其他线程必须等待直到当前线程完成操作. 即是多线程环境,如果一个线程 ...
- HTML、JS、CSS之特殊字符
可能这是冷知识了,并不为多数人知道像HTML.JS.CSS它们的特殊字符的写法,我也是在网上收录的在这里make一下: 箭头类 符号 UNICODE 符号 UNICODE HTML JS CSS HT ...
- 20141128—JavaScript对象
JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... String 对象的 length 属性来获得字符串的长度: var message="Hello World!& ...
- OC7_代理的基本概念
// // Cat.h // OC7_代理的基本概念 // // Created by zhangxueming on 15/6/24. // Copyright (c) 2015年 zhangxue ...
- spring事务配置的坑
基于 <tx> 命名空间的声明式事务管理 前面两种声明式事务配置方式奠定了 Spring 声明式事务管理的基石.在此基础上,Spring 2.x 引入了 <tx> 命名空间,结 ...
- 10款让人惊叹的HTML5/jQuery图片动画特效
1.HTML5相册照片浏览器 可连接Flickr照片服务 以前我们经常会分享一些jQuery相册浏览插件,效果不错,实用性也很强.不过如果能利用HTML5来实现相册浏览器,那么相册浏览效果肯定会更加炫 ...