[ExtJS5学习笔记]第二十四节 Extjs5中表格gridpanel或者表单数据后台传输remoteFilter设置

简介:

官方文档: http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.data.Store-method-getFilters

本文作者:sushengmiyan

------------------------------------------------------------------------------------------------------------------------------------

我后台使用的JFinal,前台是extjs5,数据需要往后台传输。JFinal对所有的请求都进行了拦截,那么在controller中就可以截获loaddata方法。在loaddata中进行后台数据获取和组装,并传入前台就可以实现前后台互动了。


前台数据:

{   
                 text: '点此进入后台',
                 listeners: {
                     click: function(e) {
						var value = e.up('toolbar').down('datefield').value;
						proxy = clxxStore.getProxy();
						proxy.setFilterParam('date');
						clxxStore.remoteFilter = true; 
						clxxStore.getFilters().removeAll();
						newActiveFilter = new Ext.util.Filter({
								property: 'date',
								value: value
							})
						clxxStore.getFilters().add(newActiveFilter);
						clxxStore.load();                      
                     },
                  }
               }
后台数据获取:

	@ActionKey("/someaction")
	public void list (){
        //获取了前端传入的日期
		String date = getPara("date");
		if (date != null){
	//这里根据date进行数据获取和组装。}
		String JsonStr=  "{'items':[{'描述':'0212120', '是否': false, '字段一': 'aaa','字段二': 'sss','字段三': 'aa','字段四': 'sss','字段五': 'sss', '字段六': 'sss','字段七': 'sss'}]}";
		renderJson(JsonStr);
	}



相关文章
|
前端开发 API 数据安全/隐私保护
打造高效后端API:RESTful设计原则与实践
【9月更文挑战第4天】在数字化时代的浪潮中,后端API作为连接数据和前端的桥梁,其设计质量直接影响着应用的性能和扩展性。本文将深入探讨RESTful API的设计哲学、核心原则以及如何在实际开发中应用这些原则来构建一个高效、易于维护的后端系统。我们将通过代码示例,揭示如何将理论转化为实践,从而为开发者提供一条清晰的道路,去创造那些能够在不断变化的技术环境中茁壮成长的API。
|
C语言
【C语言】:练手题
【C语言】:练手题
76 0
|
消息中间件 存储 监控
高性能消息中间件 RocketMQ(二)
高性能消息中间件 RocketMQ(二)
机械基础——连接与紧固(1)
一、键连接 1.平键连接 主要是实现轴上零件的周向固定,并能传递较大的扭矩,而且拆装方便,应用很广泛。以键的两侧面来传递扭矩,顶面与被联结件不接触,留有间隙。 ①普通平型键连接 端部有圆头(A型)、平头(B型)和单圆头(C型)三种形式。 ②薄型平键连接 薄型平键与普通平键相比,在键宽b相同时,键高h较小。 ③导向型平键连接 轴上零件与轴构成移动副时,可采用导向型平键连接。若轴上零件沿轴向移动距离较长,可用滑键连接。 【认标记 识参数】 普通平键的主要参数有宽度b、高度h、长度L,标记示例: ①宽度b=16mm、高度h=10mm、长度L=100mm普通A型平键:GB/T1096 键B16×1
1257 0
|
存储 缓存 关系型数据库
第04章 逻辑架构【1.MySQL架构篇】【MySQL高级】3
第04章 逻辑架构【1.MySQL架构篇】【MySQL高级】3
176 0
|
存储 缓存 前端开发
React.memo() 和 useMemo() 的用法是什么,有哪些区别?
React.memo() 和 useMemo() 的用法是什么,有哪些区别?
345 0
|
算法
LeetCode 34. 在排序数组中查找元素的第一个和最后一个位置
LeetCode 34. 在排序数组中查找元素的第一个和最后一个位置
211 0
LeetCode 34. 在排序数组中查找元素的第一个和最后一个位置
|
存储 编译器 C语言
【C语言】强制类型转换的原理
【C语言】强制类型转换的原理
如何给自己的Github主页来个豪华套餐?
如何给自己的Github主页来个豪华套餐?
196 0
|
安全 关系型数据库 MySQL
mysql 安全等于
mysql 安全等于
223 0