[ExtJS5学习笔记]第二十四节 Extjs5中表格gridpanel或者表单数据后台传输remoteFilter设置
最后更新于：2022-04-01 07:37:21
本文地址：[http://blog.csdn.net/sushengmiyan/article/details/39667533](http://blog.csdn.net/sushengmiyan/article/details/39667533)
官方文档:[ http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.data.Store-method-getFilters](http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext.data.Store-method-getFilters)[](http://docs.sencha.com/extjs/5.0/apidocs/#!/api/Ext-method-each)
本文作者：[sushengmiyan](http://blog.csdn.net/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);
}
~~~