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 相关文章推荐
解决jquery版本冲突的有效方法
Sep 02 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
js行号显示的文本框实现效果(兼容多种浏览器 )
Oct 23 Javascript
理解javascript正则表达式
Mar 08 Javascript
实例解析js中try、catch、finally的执行规则
Feb 24 Javascript
JS判断一个数是否是水仙花数
Jun 11 Javascript
详解如何用babel转换es6的class语法
Apr 03 Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
解决layui中onchange失效以及form动态渲染失效的问题
Sep 27 Javascript
JavaScript实现电灯开关小案例
Mar 30 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 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抓取https的内容的代码
2010/04/06 PHP
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
浅谈php和.net的区别
2014/09/28 PHP
插件:检测javascript的内存泄漏
2007/03/04 Javascript
地址栏传递中文参数乱码在js里用escape转码
2013/08/28 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
jquery文本框中的事件应用以输入邮箱为例
2014/05/06 Javascript
js中的caller和callee属性介绍和例子
2014/06/07 Javascript
Json实现异步请求提交评论无需跳转其他页面
2014/10/11 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
2015/09/01 Javascript
jquery validate表单验证插件
2016/09/06 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
2017/03/10 Javascript
node.js爬虫爬取拉勾网职位信息
2017/03/14 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
2017/04/04 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
2017/07/13 Javascript
Vue单页应用引用单独的样式文件的两种方式
2018/03/30 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
解决vue打包 npm run build-test突然不动了的问题
2020/11/13 Javascript
详解javascript脚本何时会被执行
2021/02/05 Javascript
python访问sqlserver示例
2014/02/10 Python
python中pandas.DataFrame的简单操作方法(创建、索引、增添与删除)
2017/03/12 Python
PyCharm鼠标右键不显示Run unittest的解决方法
2018/11/30 Python
Python使用xlrd实现读取合并单元格
2020/07/09 Python
承办会议欢迎词
2014/01/17 职场文书
入党申请自荐书范文
2014/02/11 职场文书
买房协议书
2014/04/11 职场文书
《假如》教学反思
2014/04/17 职场文书
班级学习计划书
2014/04/27 职场文书
祖国在我心中演讲稿200字
2014/08/28 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
2015年乡镇环保工作总结
2015/04/22 职场文书
少先队工作总结2015
2015/05/13 职场文书
纪委立案决定书
2015/06/24 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
Pytorch可视化的几种实现方法
2021/06/10 Python