bootstrap-table刷新页面回到首页

新手在做前端的时候,需要分页。使用了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
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值