ExtJS4 按条件查询的方法

最新推荐文章于 2018-08-16 14:45:57 发布

a498089585

最新推荐文章于 2018-08-16 14:45:57 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： ExtJS4

本文链接：https://blog.youkuaiyun.com/a498089585/article/details/27192051

ExtJS4 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何在Ext.js中使用Grid组件进行分页查询，并且通过额外参数的方式传递控件中的条件。具体步骤包括创建Store、设置参数、在Button上添加事件监听来提取条件并应用到Store的proxy配置中。

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

grid的分页查询默认只是传入了start、limit、sort、dir等参数，如果需要传入其他的参数（比如）控件中的条件，可以按如下方法：

1.条件参数是通过额外参数的方式传递到后台，所以store的url不用去鸟，该怎么写就怎么写。

var store = Ext.create('Ext.data.Store', {
						model : 'User',
						pageSize : 8,
						proxy : {
							type : 'ajax',
							url : 'ForcastCompareServlet',
							reader : {
								type : 'json',
								root : 'data',
								totalProperty : 'totalCount'
							}
						},
						autoLoad : true
　　					});

2.在button上添加如下事件：

handler : function() {
　　//将之前控件中设定好的条件变量提取出来
		var mytime = Ext.util.Format.date(Ext.getCmp('month').getValue(),'Y-m');
		//在store开始load之前给store的proxy配置extraParams参数，就是自己之前提取的参数
　　store.on('beforeload', function(store,options) {
			var new_params = {
				time : mytime
			};
　　//这里apply一下实现新的proxy
			Ext.apply(store.proxy.extraParams,new_params);
		});
　　//对store重新载入
		store.load();
　　//store.load({ params: { start: 0, limit: 17} });
	}