[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);
	}



相关文章
C# WPF 中 外部图标引入iconfont,无法正常显示问题 【小白记录】
本文介绍了在C# WPF应用程序中引入外部iconfont图标时可能遇到的显示问题及其解决方法:1) 检查资源路径和引入格式是否正确,确保字体文件引用格式为“#xxxx”,并正确指向字体文件位置;2) 确保图标资源被包含在程序集中,通过设置字体文件的生成操作为Resource(资源)来实现。
C# WPF 中 外部图标引入iconfont,无法正常显示问题 【小白记录】
|
JSON 前端开发 数据格式
新手学EasyUI(七)----DataGrid CheckBox 动态选中
<div class="markdown_views"> <p>先上一张图:</p> <p><img src="http://img.blog.csdn.net/20151110213959602" alt="这里写图片描述" title=""></p> <p>下面说一下具体实现的功能是什么样的。</p> <p>页面首次加载的时候,右面的表格中的CheckBox都处于未选
2164 0
|
JSON JavaScript 前端开发
编写手机端自适应页面案例,springMVC代码,SpringMVC上传代码,去掉input框中原有的样式,使ios按钮没有圆角,css中的border-radius类似
1、编写的页面 &lt;%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%&gt; &lt;%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%&gt; &lt;!DOCTYPE html PU
1315 0
|
JavaScript 前端开发 知识图谱
[ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel
使用extjs肯定少不了使用表格控件,用到表格,领导们(一般)还是惯于使用excel看数据,所以用到extjs表格的技术猿们肯定也会有导出表格excel这一个需求,本文主要针对如何在用extjs将grid表格导出到excel,使用的是前端导出,不涉及后端。
1446 0
|
JavaScript 前端开发 Java
[ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel
继上次使用js前端导出excel之后,还有一个主要大家比较关注的是后台实现导出excel,因为本人开发使用的java所以这里使用apache的开源项目poi进行后台excel的导出。
1530 0