Extjs 分页 store处理

最新推荐文章于 2018-11-06 10:51:14 发布

changlj321

最新推荐文章于 2018-11-06 10:51:14 发布

阅读量1.1k

点赞数 1

分类专栏： java web 文章标签：分页 extjs

本文链接：https://blog.youkuaiyun.com/changlj321/article/details/12995475

版权

java web 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了使用ExtJS实现查询事件代码时如何处理分页，并在store加载时进行查询参数判断，确保在查询条件变化时重置limit、page和currentPage。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Extjs 查询事件代码:

searchUserInfo : function(button){
		var grid = button.up('activityUserInfoList');
		grid.store.proxy.on('exception', function(store, response, operation) {
			showProxyError(operation);
		});
		grid.store.on('beforeload', function(store, options) {
			var keyWordsObj = grid.down('textfield[name=keywords]');
			var fieldCodeObj = grid.down('hiddenfield[name=fieldCodes]').getValue();
			//var groupName = grid.down('textfield[name=groupName]').getValue();			
			var combo =grid.down('combo[name=groupUser]');
			var groupName = combo.getRawValue();
			var fieldCodes = fieldCodeObj.split(',');
			var params = [];
			for(var i=0;i<fieldCodes.length;i++){
				var fieldCode = fieldCodes[i];
				var value = grid.down('checkboxfield[name='+fieldCode+']').getValue();
				if(value==true){
					params.push(fieldCode);
				}
			}
			var old_params = store.proxy.extraParams; //获取历史参数
			var new_params = {
				params : params.join(','),
				keyWords : keyWordsObj.getValue(),
				groupName : groupName
			};
			 if(old_params.groupName!=new_params.groupName
                	|| old_params.params!= new_params.params
                	|| old_params.keyWords != new_params.keyWords){
              	  		Ext.apply(store.proxy.extraParams, new_params);
              	  		options.limit=store.pageSize;
			      	options.page=1;
			      	options.start=0;
			      	store.currentPage=1;
              		}else{

			  	Ext.apply(store.proxy.extraParams, new_params);

			}			   
					
		});		
		grid.store.load();
	},

使用Ext.PagingToolbar分页的查询，store加载处理时要做查询参数判断,如果查询条件发生变化需要将 limit\page\currentPage重置。