pagination整合mybatis的分页设置

  • 执行查询之前调用分页后台代码
	    //开启分页功能
		PageHelper.startPage(pageNum,pageSize); 
		
		//查询执行
		List<Role> rolelist = roleMapper.selectRoleByKeyword(keyword);
		
		return new PageInfo<Role>(rolelist);
  • 前台js,对后台返回的数据处理
//生成分页页码导航栏
function generateNavigator(pageInfo){
	//获取总记录数
	var totalRecord =pageInfo.total;
	//声明一个json对象存储pageation的参数
	var properties={
			"num_edge_entries": 1, 				//边缘页数
			"num_display_entries": 4, 			//主体页数
			"callback": paginationCallBack,			//指定用户翻页按钮的跳转页面
			"items_per_page":pageInfo.pageSize, 	//每页的数量
			"current_page": pageInfo.pageNum-1,   //pagienation内部 使用pageindex管理页码 ,pageindex从0开始,pageNum从1开始 
			"prev_text":"上一页",
			"next_text":"下一页",
	};
	//生成页码导航条
	$("#Pagination").pagination(totalRecord, properties);
}
  • 回调函数,就是翻页,跳转页的js代码
    //翻页的回调函数
    function paginationCallBack(page_index, jq){
    	//根据page_index算出pageNum 当前的页码数
    	window.pageNum=page_index+1;
    	
    	generatePage();//重新执行请求后台数据,前台渲染,生成分页页码导航栏
    	//取消超链接的默认行为
    	return false;
    }

     

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值