分页插件的使用

最新推荐文章于 2024-09-17 17:20:49 发布

逞强久了自己都觉得累

最新推荐文章于 2024-09-17 17:20:49 发布

阅读量150

点赞数

分类专栏：笔记文章标签： java-ee java

本文链接：https://blog.csdn.net/qq_38396163/article/details/120554493

版权

笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

本文介绍了如何在网页中使用bs_pagination插件，包括引入依赖、创建div元素并配置参数。重点讨论了两种计算总页数的算法，推荐使用的一种能有效避免整数除法误差。同时，还讲解了回调函数在页面切换时的处理策略。

摘要由CSDN通过智能技术生成

1.导入插件依赖

2.创建一个div用于渲染bs_pagination插件。给其一个ID

 <div id="page"></div>

3.添加如下的javascript代码

$("#Page").bs_pagination({
						currentPage: pageNo, // 页码
						rowsPerPage: pageSize, // 每页显示的记录条数
						maxRowsPerPage: 20, // 每页最多显示的记录条数
						totalPages: totalPages, // 总页数  
						totalRows: total, // 总记录条数

						visiblePageLinks: 3, // 显示几个卡片

						showGoToPage: true,  //是否显示跳转到第几页,默认为true
						showRowsPerPage: true, //是否显示每页显示记录条数,默认为true
						showRowsInfo: true, //是否显示记录信息

						onChangePage : function(event, data){  //回调函数,翻页时调用
							pageList(data.currentPage , data.rowsPerPage);
						}
					})
         算法一:
         totalPage = total% pageSize == 0 ? total / pageSize : total /pageSize + 1 ;
         算法二：（推荐使用）
         totalPage = (total + pageSize -1) / pageSize; 其中 pageSize  - 1 就是 total / pageSize 的最大的余数