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



相关文章
|
11月前
|
JavaScript 编译器 开发者
uniapp复选框自定义样式&data数据与style交互
uniapp复选框自定义样式&data数据与style交互
152 0
|
前端开发
web前端学习(十八)——CSS3表格属性(table)的相关设置
web前端学习(十八)——CSS3表格属性(table)的相关设置
web前端学习(十八)——CSS3表格属性(table)的相关设置
|
机器学习/深度学习 人工智能 前端开发
web前端学习(十七)——CSS3列表属性(list-style)的相关设置
web前端学习(十七)——CSS3列表属性(list-style)的相关设置
web前端学习(十七)——CSS3列表属性(list-style)的相关设置
|
容器
实现easyui datagrid在没有数据时显示相关提示内容
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/chinahuyong/article/details/49300735   本...
1160 0
|
JavaScript 前端开发 知识图谱
[ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel
使用extjs肯定少不了使用表格控件,用到表格,领导们(一般)还是惯于使用excel看数据,所以用到extjs表格的技术猿们肯定也会有导出表格excel这一个需求,本文主要针对如何在用extjs将grid表格导出到excel,使用的是前端导出,不涉及后端。
1440 0
|
JavaScript 前端开发 Java
[ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel
继上次使用js前端导出excel之后,还有一个主要大家比较关注的是后台实现导出excel,因为本人开发使用的java所以这里使用apache的开源项目poi进行后台excel的导出。
1528 0
|
JSON 数据格式
如何使用EasyUI显示表格界面
       还记得前面有篇博客叫---使用TT模板+mvc+wcf实现简单查询,这篇博文的末尾,小编贴了一张查询出来的结果图,那么这篇博客的中新来了,如何使用EasyUI显示出表格样式的界面,以前学习CS的时候,我们的界面都是用控件直接进行拖拽...
1239 0
|
Web App开发 前端开发 JavaScript
前端常用功能记录(三)—datatables表格初始化
其实上篇说的也算是jQuery Datatables的初始化,但主要是对某些字段意义的理解。下面记录的是datatables常用的功能的初始化。 数据源 我经常使用的有两种,一种是JavaScript 中的数组,通过在初始化对象中传递一个名为 aaData 的数组,同样可以提供表格数据,前缀 aa 说明这是一个数组的数组,外层的数组表示表格的行,每一行同样是一个数组。
1270 0