关于easyUI分页条件查询的解决方法

在做项目时,遇到运用easyUI框架,进行条件查询无法分页的问题,开始是运用form表单提交的方式,根据不同的条件筛选数据。这样的方法能实现数据按照所传条件的查询,但对查询得到的数据进行分页控制不知道怎么处理。在多方查找后,找到如下解决办法:
           在数据加载时是使用jsp的页面初始化加载来对页面数据进行请求加载的:

$(function(){
    $('#dg').datagrid({
		xxxxxxxx
	});
})

          在处理条件查询时,是使用form表单提交的方式进行的:
关于easyUI分页条件查询的解决方法_第1张图片

由于是form表单提交,页面分页控件对查询得到的数据无法进行分页控制。因此使用以下方法对条件查询进行处理。
1.将数据请求的方法,单独写成一个function
关于easyUI分页条件查询的解决方法_第2张图片
2.在条件查询时,当输入完条件点击查询时对数据请求的datagrid进行一定的修改:
关于easyUI分页条件查询的解决方法_第3张图片
这样就可以对最初的datagrid进行修改,添加要传入到后台的数据:
关于easyUI分页条件查询的解决方法_第4张图片
打完收工。

你可能感兴趣的:(easyUI)