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 }) //此方法最好放 ...
随机推荐
- Maven错误Failed to read artifact descriptor for xxx:jar 和 missing artifact maven dependency
可参考:http://stackoverflow.com/questions/6111408/maven2-missing-artifact-but-jars-are-in-place http:// ...
- codeforces 675E E. Trains and Statistic(线段树+dp)
题目链接: E. Trains and Statistic time limit per test 2 seconds memory limit per test 256 megabytes inpu ...
- html+css--水平居中总结(不定宽块状元素方法)(一)
来源:http://www.imooc.com/code/6363 在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中,比如网页上的分页导航,因为分页的数量是不确定的,所以我们不能通过设置宽度 ...
- springmvc的一个小例子学习(一)
个人觉得,学框架最好的 方法无外乎两个:一个是实践这个框架,真实的去用它,比如spring框架,先搭一个简单的spring项目,然后一步一步得去丰富它,从中学到spring框架的精髓和知识:另外一个就 ...
- Chrome浏览器跨域问题
最近在学习Ionic,调试http请求的时候遇到跨域问题 解决办法:使用chrome浏览器安装这个插件:Allow-Control-Allow-Origin: *
- TrineaAndroidCommon API Guide
android-common-lib 关于我,欢迎关注微博:Trinea 主页:trinea.cn 邮箱:trinea.cn#gmail.com 微信:codek2 主要包括:缓存( ...
- 二十一、Android上常见度量单位【xdpi、hdpi、mdpi、ldpi】解读
术语和概念 屏幕尺寸 屏幕的物理尺寸,以屏幕的对角线长度作为依据(比如 2.8寸, 3.5寸). 简而言之, Android把所有的屏幕尺寸简化为三大类:大,正常,和小. 程序可以针对这三种尺寸的屏幕 ...
- Photoshop CS6的安装
Photoshop CS6的安装 文件的现在可以从百度软件中下载 安装方法见参考链接,window版的与之类似,亲测成功 参考链接 Mac版Adobe Photoshop CS6 破解过程 Adobe ...
- NSURLConnection、NSURLSession 补充
一.大文件下载1.方案:利用NSURLConnection和它的代理方法1> 发送一个请求 // 1.URL NSURL *url = [NSURL URLWithString:@"h ...
- Mac OS X中开启或关闭显示隐藏文件
打开终端,输入:defaults write com.apple.finder AppleShowAllFiles -bool true 此命令显示隐藏文件defaults write com.app ...