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

最新推荐文章于 2025-06-09 09:04:55 发布

九点搬书匠

最新推荐文章于 2025-06-09 09:04:55 发布

阅读量6.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： sencha ExtJS5 利剑Extjs5

本文链接：https://blog.youkuaiyun.com/sushengmiyan/article/details/39667533

sencha ExtJS5 同时被 2 个专栏收录

40 篇文章

订阅专栏

利剑Extjs5

37 篇文章

订阅专栏

这篇博客介绍了如何在ExtJS5中使用remoteFilter配置，结合JFinal后端框架，实现表格gridpanel或表单数据的后台传输。通过拦截JFinal的请求，可以在控制器中处理数据加载，实现前后端的数据交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文地址：http://blog.youkuaiyun.com/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);
	}