EasyUI关于分页问题详解

本文详细讲解了如何在EasyUI中实现分页和高级查询。对于分页,通过分析DataGrid组件的data-options和请求参数,明确了分页时的page和size字段,并介绍了如何设置后台的分页类。在高级查询部分,展示了jsp代码示例和如何利用serializeObject方法封装查询条件,结合datagrid的load方法进行加载。
摘要由CSDN通过智能技术生成

EasyUI关于分页与高级查询详解

1.分页

在我们使用EasyUI的时候,在 DataGrid组件有自带的分页组件,这个时候我们的用F12开发者工具调试页面来查看它的字段是什么.
在网络中查看自己在DataGrid中的data-options的url请求地址,可以查询到
这个时候我们可以发现DataGrid自带的pagination的当前页数为page,页面大小为size
所以这个时候我们可以在自己的分页类中设置setPage与SetRows方法

	//代表为当前页面
    public void setPage(Integer page) {
      this.page = page;
  }
  //代表为页面大小
    public void setRows(Integer pagesize){
      this.pagesize = pagesize;
  }

但是我们完成了这步的时候,却发现返回数据并没有显示在页面中,这个时候我们得在EasyUI官网中关于DataGridDemo中查看其返回数据的字段,DataGridDemo
还是运用我们的F12开发者工具调试页面,发现

在这里插入图片描述
在这里插入图片描述在这里插入图片描述
这儿需要注意的是请求和响应的中一个字段是一样的都为Rows但它们的含义不用,
请求参数中的rows为当前页面的数据条数,而第二个为名字叫做rows的list集合.
这个时候我们在我们的后台中新建一个map对象,将查询到的List装饰所需要的返回类型

			Page page = employeeService.findPageByQuery(employeeQuery);
        	Map<String,Object> map = new HashMap&l
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值