分页功能

利用sui实现分页功能

先把相应的js和css引入,在把配置的方法写好,在页面的底部加上一个div   <div id = "div1"></div>

然后在页面上加入插件的相应API

$('#div1').pagination({
pages: ${totalPage },//总页数
styleClass: ['pagination-large'],
showCtrl: true,
displayPage: 6,
currentPage:${currentPage },//当前页数
onSelect: function (num) {
//跳转到点击的页面
location.href="<%=basePath %>admin/login/list?page="+num
}
});

后台也要加入相应的代码,把数据从数据库中查询出来详情参照http://www.cnblogs.com/xianan87/p/3948816.html里面的方法进行配置的

遇到的问题:1.就是当我们点击页面上的第几页时,不知道怎么把当前页面设置为默认选中。

解决方法:插件中有相应的API,把这个API加入就可以实现这功能currentPage:${currentPage },//当前页数

2.后台没有加入判断当输入的页数大于总页数时,应当显示最后一页。在后台加入

if(null == page)
{

//页面初始的时候page没有值
page = "1";
} else if(Integer.parseInt(page) > pageTimes) {
page = String.valueOf(pageTimes);
}

原文地址:https://www.cnblogs.com/liaoyanglong/p/6127114.html