ExtJS表格使用JsonStore条件查询参数不能传递参数给第二页的解决方法
本文由发表于6年前 | Javascript | 暂无评论 |  被围观 13,456 views+

在ExtJS中当我们设置了分页的条件时,要跳转到第二页,发现设置分页的一些条件参数没有被传递到第二页,使得第二页显示了所有的数据。

为了解决这个问题,可以在创建JsonStore时设置一个beforeload监听事件,在每次load上数据前,先做好一些附加参数的准备工作,代码如下:

MisTab1.getProductTypeStore = function(){
	var url = "product/ProductType-getProductTypeList.action";
	return new Ext.data.JsonStore({
		root: 'productType',
		totalProperty: 'totalCount',
		url: url,
		fields: ['productId','modify','product_type_name','create_sub','parent_name','create_sub','remark','parent'],
		listeners:{
    		beforeload:function(store,records,options){
    			store.baseParams = {
				query:'query',
            		        name:'a'
    			};
    		}
    	}
	});
};

或者,在某个时刻操作了条件查询,需要在这个时候才设置条件,则可以获取到store对象,使用addListener添加beforeload事件,例如,下面就是在查询按钮中添加的addListener方法:

handler: function() {  
	var name = searchFormPanel.getForm().findField("name").getValue();
	//gridPanel为之前创建好的一个Ext.grid.GridPane
	gridPanel.getStore().addListener({
		beforeload:function(store,records,options){
			store.baseParams = {
				query:'query',
				name:name
			};
		}
	});
	gridPanel.getStore().reload({
    	params: {
    		start:0,
    		limit:10,
    	}
    });
}
除了文章中有特别说明,均为IT宅原创文章,转载请以链接形式注明出处。
本文链接:http://www.itzhai.com/extjs-forms-using-jsonstore-conditions-can-not-pass-parameters-to-query-parameters-to-the-second-page-of-the-solution.html
关键字: , ,
arthinking Java技术交流群:280755654,入门群:428693174 more
分享到:
 
2011 7/29
文章评论
    没有评论
给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 XSS与HTTP-only Cookie 脚本获取JSESSIONID的方法 2012/1/30
2 微型计算机技术实用知识点编程应用题 2011/6/30
3 jQuery编写钟摆式滚动器 2011/5/15
4 SQL语句实用例子 MySQL编码设置 2011/10/13
5 jQuery中使用Ajax实现文本输入框的自动完成功能 2011/5/14
6 dubbo序列化方式与版本升级的问题 2016/10/15
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.