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 }) //此方法最好放 ...
随机推荐
- 深入理解ThreadLocal(转)(2015年06月11日)
注明:转自:http://my.oschina.net/clopopo/blog/149368 学习一个东西首先要知道为什么要引入它,就是我们能用它来干什么.所以我们先来看看ThreadLocal对我 ...
- 【trim()】去掉字符串开头和结尾的空格,防止不必要的空格导致的错误。
去掉字符串开头和结尾的空格,防止不必要的空格导致的错误. public static void main(String arg[]){ String a=" abc"; Strin ...
- android 底部tabview模板
以下只是我个人的浅见,大神请忽略~ 底部tab的实现如下图: 现在实现这种界面是有很多方法的,但是对于android新手来说,实现这样的界面还是有难度的. 在网上找到了一个别人写好的底部tab模板,修 ...
- ServiceStack简介
原文:http://bbs.csdn.net/topics/390911450?page=1#post-398388262 在帖子中看到,大致了解了下,非常好的框架,留着学习 https://gith ...
- web.config connectionStrings 数据库连接字符串的解释
先来看一下默认的连接SQL Server数据库配置<connectionStrings> <add name="LocalSqlServer" connect ...
- js 获取url 参数
$(function () { var WeixinCode = GetQueryString("WeixinCode"); $("#ProXQ").attr( ...
- c# SQL CLR 之一
CLR就是公共运行时,本文就对c#编写SQL StoredProcedures的过程进行简单讲解. [步骤] 2. 3. 7.打开设置 8. 注意删除方式:注意删除Assembly时,一定要先把引用此 ...
- EasyUI form ajax submit到MVC后,在IE下提示下载内容的解决办法
问题描述: 项目环境为,.Net Mvc5+EF6……前端框架使用的是EasyUI v1.4.4. 在视图页面中,使用form的submit方法提交表单数据时,如果是使用IE的话,请求成功后IE会提示 ...
- 《锋利的jQuery》心得笔记--Four Sections
第八章 1. 当父元素设置position:relative的时候,子元素设置position:absolute.这个子元素设置在父元素的任何位置. 第九章 1. 对可视区进行纠正,通知浏 ...
- SpringMvc入门二----HelloWorld
1. 导入需要的架包: 2. 配置web.xml,添加Servlet <servlet> <servlet-name>springmvc</servlet-name> ...