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 }) //此方法最好放 ...
随机推荐
- vc如何编译链接opengl库
强烈推荐的一篇强大的OpenGl学习博文OpenGL入门学习 vc2012如何链接opengl库? 首先,我们需要下载opengl的库文件,http://pan.baidu.com/s/1kTsjkZ ...
- EF Code First 数据迁移命令
只需要开启程序管理控制台(Package Manager Console) 然后输入 Enable-Migrations -ContextTypeName youContextdb(你的数据库上下文 ...
- JavaScript原型(链)学习笔记
javascript是基于原型的一门脚本语言,那究竟原型是什么? 本文将从以下几个方面重点阐述原型 构造函数是什么? 构造函数和我们常见的Array String有什么关系? 原型的使用? __pro ...
- iOS UIView常用方法和属性
UIView常用方法 addSubView: // 添加子视图 insertSubview: atIndex // 视图插入到指定索引位置 insertSubview:aboveSubview: // ...
- dispatch_async 子线程,主线程的简单用法
子线程的使用方法: dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, ), ^{ //子线程的处理逻辑 ...
- Part 14 ng hide and ng show in AngularJS
ng-hide and ng-show directives are used to control the visibility of the HTML elements. Let us under ...
- SQL 存储过程 执行效率优化提升 (显示估计)
在sql server 查询区 通过执行 "显示估计的执行计划" ,可以给出 存储过程 缺少索引的提示,并自动生成建立相应 索引 的代码 显示估计的执行计划 执行结果提示: 哦,算 ...
- Excel VBA 快捷键 代码
一. 在ThisWorkbook中 Private Sub Workbook_Open() '%对应alt键 宏不能加() Application.OnKey "%q", &quo ...
- 使用jQuery POST提交数据返回的JSON是字符串不能解析为JSON对象
post请求原代码: $.post( "/User/Home/Code", { Phone: $( "#phone").val() }, function (d ...
- (转)Yale CAS + .net Client 实现 SSO(5)
第一部分:安装配置 Tomcat 第二部分:安装配置 CAS 第三部分:实现 ASP.NET WebForm Client 第四部分:实现基于数据库的身份验证 第五部分:扩展基于数据库的身份验证 1. ...