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的ajax功能实现web service的json转化
Aug 29 Javascript
JS实现随机化快速排序的实例代码
Aug 01 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
JS实现div模块的截图并下载功能
Oct 17 Javascript
JS点击动态添加标签、删除指定标签的代码
Apr 18 Javascript
Node.Js中实现端口重用原理详解
May 03 Javascript
详解为生产环境编译Angular2应用的方法
Dec 10 Javascript
一文搞懂ES6中的Map和Set
May 20 Javascript
axios异步提交表单数据的几种方法
Aug 11 Javascript
JS控制GIF图片的停止与显示
Oct 24 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动态生成虚拟现实VRML网页
2006/10/09 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
Destoon模板制作简明教程
2014/06/20 PHP
Laravel核心解读之异常处理的实践过程
2019/02/24 PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
2019/10/21 PHP
用js实现的页面关键字密度查询代码
2007/12/27 Javascript
javascript 建设银行登陆键盘
2008/06/10 Javascript
js停止输出代码
2008/07/20 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
js 性能优化之快速响应的用户界面
2017/02/15 Javascript
详解webpack+vue-cli项目打包技巧
2017/06/17 Javascript
vue.js实现备忘录功能的方法
2017/07/10 Javascript
微信小程序按顺序同步执行的两种方式
2019/12/20 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
javascript设计模式 ? 单例模式原理与应用实例分析
2020/04/09 Javascript
vue项目中自定义video视频控制条的实现代码
2020/04/26 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
Vue实现图书管理小案例
2020/12/03 Vue.js
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
[00:12]DAC2018 no[o]ne亮相SOLO赛 他是否如他的id一样无人可挡?
2018/04/06 DOTA
Python入门篇之面向对象
2014/10/20 Python
Python中用于检查英文字母大写的isupper()方法
2015/05/19 Python
在Django中使用Sitemap的方法讲解
2015/07/22 Python
使用Python的Turtle库绘制森林的实例
2019/12/18 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
琳达·法罗眼镜英国官网:Linda Farrow英国
2021/01/19 全球购物
教育科学研究生自荐信
2013/10/09 职场文书
物业品质提升方案
2014/06/08 职场文书
三月法制宣传月活动总结
2014/07/03 职场文书
一年级数学下册复习计划
2015/01/17 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS
redis三种高可用方式部署的实现
2021/05/11 Redis
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python
一文了解MySQL二级索引的查询过程
2022/02/24 MySQL