新手在做前端的时候,需要分页。使用了bootstrap-table插件。第一次用,遇到了很多
坑。
其中,rows和total两个参数(含义请百度),是必须有的,大家一定要注意,在看别人的博客的时候,很难这么注意细节。所以走了一定的弯路。在把分页做出来之后,又遇到了刷新页面,也就是按F5那种,刷新整个页面,会回到第一页的问题。
在网上找了很多的资料,得到的都是在按刷新按钮,或者是通过一个事件进行刷新的方案。或者是有些人根本没遇到这种问题。我也不知道为什么。总是能够找到的帮助,都是没有用的。
最后研究官方文档,pageNumber这个参数,是用来确定选定的页面的。因此通过这个入口,来解决问题。经过仔细查文档,发现onPageChange方法,是在发生页面变化时,也就是翻页时候,可以触发的事件。因此,综合这两点,在页面载入时候,pageNumber是已知的。在翻页时候,存下当前的分页页码。
那么就用cookie。在页面载入时候,读取cookie。
<script>
if($.cookie('c_pn')==null)
{
pn=1//pn就是pagenumber.如果cookie里面没有,就让pagenumber=1;那么就会从第一页开始了 。
}
pn =parseInt($.cookie("c_pn"))//存在cookie里面的,都是字符串,转为int
$("#tb1").bootstrapTable({
url: "{:url('admin/test/getpage')}", // 获取表格数据的url
cache: false, // 设置为 false 禁用 AJAX 数据缓存, 默认为true
paginationloop: false,
showFullsrceen: true,
paginationPreText: "上一页",
contentType: "applicat