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

本文地址：http://blog.csdn.net/sushengmiyan/article/details/39667533

官方文档: 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);
	}