1、layui的分页,本来准备用table+laypage,尝试失败,后面我还会继续尝试。这里我主要用方法级渲染的方式,代码如下:
table.render({
elem: '#userTable' //指定原始表格元素选择器(推荐id选择器)
,height: 315 //容器高度
,url:'/user/userJson'
,cols:[[ //标题栏
{field:'id', width:80,fixed: true,title: 'ID'}
,{field:'user_name', width:120,title: 'ID'}
,{field:'email', width:120,title: 'ID'}
,{field:'telephone', width:120,title: 'ID'}
,{field:'adress', width:120,title: 'ID'}
,{field:'sex', width:120,title: 'ID'}
,{field:'name', width:120,title: 'ID'}
,{fixed: 'right', width:250, align:'center', toolbar: '#userBar'}
]]
,page: true
,limits: [30,60,90,150,300]
,limit: 2
});
这里只要指定 ,page: true和limit,layui就会自动将返回的数据根据limit(即每行显示的数据条数)及后台数据设置的count进行分页,分成count/limit页
2、jifnal分页如下所示:
public Page getUserList(int pageNumber,int pageSize) {
SqlPara sqlPara = dao.getSqlPara("sys.getUserList");
Page userList = dao.paginate(pageNumber, pageSize, sqlPara);
return userList;
}
到这里我们要将这个数据转换成layui需要的数据格式再返回,如下所示:
public void userJson(){
int pageNumber = getParaToInt("page");//当前页
int pageSize = getParaToInt("limit");//每页显示的数据条数
Page userList = userService.getUserList(pageNumber,pageSize);//获得用户信息
MyPage page = new MyPage();
page.setCode(0);
page.setCount(userList.getTotalRow());
page.setMsg("");
page.setData(userList.getList());
renderJson(page);
}
至此:jfinal结合layui实现分页功能实现