BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题


Posted in Javascript onDecember 28, 2016

主要是页码超出范围带来的问题,仅在此记录一下,这里我通过修改bootstrap-table.js的initServer方法中的查询success回调函数解决,将该回调函数改为:

function (res) { 
    /**TODO:2016-12-20新加的代码,处理页码错误问题开始*/ 
    if(res.total!=0&&res.rows.length==0){//总记录数大于0,但当前页记录数为0,则此时页码超过了最大页码误 
     that.options.pageNumber = Math.ceil(res.total/that.options.pageSize);//最后一页(总页数) 
     that.initServer(); 
     return; 
    } 
    /**2016-12-20新加的代码,处理页码错误问题结束*/ 
    res = calculateObjectValue(that.options, that.options.responseHandler, [res], res); 
    that.load(res); 
    that.trigger('load-success', res); 
   }

当总记录数不为0而当前页的记录数为0时将页码设为最后一页重新请求数据,即:

if(res.total!=0&&res.rows.length==0){//总记录数大于0,但当前页记录数为0,则此时页码超过了最大页码误 
     that.options.pageNumber = Math.ceil(res.total/that.options.pageSize);//最后一页(总页数) 
     that.initServer(); 
     return; 
    }

以上所述是小编给大家介绍的BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
Javascript玩转继承(三)
May 08 Javascript
jquery表单验证插件(jquery.validate.js)的3种使用方式
Mar 28 Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
整理一些最近经常遇到的前端面试题
Apr 25 Javascript
laydate时间日历插件使用方法详解
Nov 14 Javascript
vue打包之后生成一个配置文件修改接口的方法
Dec 09 Javascript
JavaScript常见事件对象与操作实例总结
Jan 05 Javascript
微信小程序使用canvas的画图操作示例
Jan 18 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 Javascript
vue和H5 draggable实现拖拽并替换效果
Jul 29 Javascript
Bootstrap源码解读模态弹出框(11)
Dec 28 #Javascript
BootStrap Table 设置height表头与内容无法对齐的问题
Dec 28 #Javascript
JS简单实现移动端日历功能示例
Dec 28 #Javascript
如何学JavaScript?前辈的经验之谈
Dec 28 #Javascript
js+div+css下拉导航菜单完整代码分享
Dec 28 #Javascript
javascript实现简单的ajax封装示例
Dec 28 #Javascript
前端面试知识点锦集(JavaScript篇)
Dec 28 #Javascript
You might like
深入php中var_dump方法的使用详解
2013/06/24 PHP
smarty高级特性之过滤器的使用方法
2015/12/25 PHP
PHP正则删除HTML代码中宽高样式的方法
2017/06/12 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
基于jquery的给文章加入关键字链接
2010/10/26 Javascript
为EasyUI的Tab标签添加右键菜单的方法
2012/07/14 Javascript
解决jquery异步按一定的时间间隔刷新问题
2012/12/10 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
js获取浏览器基本信息大全
2014/11/27 Javascript
使用JavaScript获取地址栏参数的方法
2014/12/19 Javascript
Node.js事件循环(Event Loop)和线程池详解
2015/01/28 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
2016/05/16 Javascript
BootStrap Table 获取同行不同列元素的方法
2016/12/19 Javascript
flexslider.js实现移动端轮播
2017/02/05 Javascript
JavaScript之排序函数_动力节点Java学院整理
2017/06/30 Javascript
微信小程序 本地图片按照屏幕尺寸处理
2017/08/04 Javascript
javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
2020/04/12 Javascript
JS实现图片切换特效
2019/12/23 Javascript
详解vue 组件注册
2020/11/20 Vue.js
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
[38:31]完美世界DOTA2联赛PWL S3 Magma vs GXR 第一场 12.13
2020/12/17 DOTA
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
利用python画一颗心的方法示例
2017/01/31 Python
python删除服务器文件代码示例
2018/02/09 Python
python修改list中所有元素类型的三种方法
2018/04/09 Python
python可视化篇之流式数据监控的实现
2019/08/07 Python
使用opencv将视频帧转成图片输出
2019/12/10 Python
python软件都是免费的吗
2020/06/18 Python
Hotels.com爱尔兰:全球酒店预订
2017/02/24 全球购物
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
科研先进个人典型材料
2014/01/31 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
金融管理专业求职信
2014/07/10 职场文书
员工生日活动方案
2014/08/24 职场文书
初一数学教学反思
2016/02/17 职场文书
《成长的天空》读后感3篇
2019/12/06 职场文书