miniui如何实现分页

 时间:2024-10-14 06:54:19

1、学习miniui分页,首先找到一个分页示例,如图所示。可以点击code查看源代码,也可以根据自己拷贝到编译工具的项目查看代码。

miniui如何实现分页
miniui如何实现分页

2、按行展示的代码如图中标注代码,且div标签的id 或者name 属性一定要与后台对应实体类的变量名称相同,不然显示不了。其中红色标记的url路径,就是分页请求的servlet路劐孕瞬腊径。并且是通过以下方法完成请求。 mini.parse(); var grid = mini.get("datagrid1"); grid.load();

miniui如何实现分页

3、然后我们进入到项目中根据路径查看后台代码。SearchEmployees()这稍僚敉视个方法主要是拿到一个hashmap,hashmap存储 dao层中拿到的total总条数,和data 多邗锒凳审个实体类数据(以键值对的形式存储),然后把这个map转化成json数据传递到前端的一个方法。

miniui如何实现分页
miniui如何实现分页

4、参数介绍:key:模糊查询的字段名。pageSize:当前页的数据条数。pageIndex:当前页码。sortField:排序的字段。sortOrder:排序的规则。

miniui如何实现分页

5、往前端传递的数据,行属性可以设置为数据库对应表的主键,如图中红色标记,那么增加删除修改,都可以根据行数据来操作了。同时也可以设置行的其他前端属性。

miniui如何实现分页
  • svn如何版本回退
  • 轻松学Lr之锐化照片
  • jq怎样设置div的left和top,怎样获取left和top值
  • 什么是足值的货币
  • 热门搜索
    手抄报花 安全上网手抄报 文化手抄报 走进童话世界手抄报 万圣节手抄报英语 读书的手抄报的内容 平安出行手抄报 小学消防手抄报大全 民族传统文化手抄报 防震减灾的手抄报