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 相关文章推荐
javascript入门·对象属性方法大总结
Oct 01 Javascript
JQUERY获取form表单值的代码
Jul 17 Javascript
JavaScript 变量作用域分析
Jul 04 Javascript
JS简单实现登陆验证附效果图
Nov 19 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
javascript实现动态表头及表列的展现方法
Jul 14 Javascript
AngularJS 避繁就简的路由
Jul 01 Javascript
jQuery 3.0中存在问题及解决办法
Jul 15 Javascript
javascript验证内容为数字以及长度为10的简单实例
Aug 20 Javascript
js防阻塞加载的实现方法
Sep 09 Javascript
使用Vue.js创建一个时间跟踪的单页应用
Nov 28 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
Feb 15 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在线生成二维码代码(google api)
2013/06/03 PHP
解析posix与perl标准的正则表达式区别
2013/06/17 PHP
PHP字符串中特殊符号的过滤方法介绍
2014/02/18 PHP
php强制下载文件函数
2016/08/24 PHP
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
jquery动态添加删除一行数据示例
2014/06/12 Javascript
js实现的倒计时按钮实例
2015/06/24 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
javascript截图 jQuery插件imgAreaSelect使用详解
2016/05/04 Javascript
浅析JavaScript回调函数应用
2016/05/22 Javascript
JS+HTML5手机开发之滚动和惯性缓动实现方法分析
2016/06/12 Javascript
浅谈window.onbeforeunload() 事件调用ajax
2016/06/29 Javascript
JS声明式函数与赋值式函数实例分析
2016/12/13 Javascript
Node.js数据库操作之查询MySQL数据库(二)
2017/03/04 Javascript
Angular.JS中的指令引用template与指令当做属性详解
2017/03/30 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
浅谈Angular HttpClient简单入门
2018/05/04 Javascript
JavaScript实现的简单Tab点击切换功能示例
2018/07/06 Javascript
微信小程序开发背景图显示功能
2018/08/08 Javascript
详解Angular6学习笔记之主从组件
2018/09/05 Javascript
Vue data的数据响应式到底是如何实现的
2020/02/11 Javascript
vue页面引入three.js实现3d动画场景操作
2020/08/10 Javascript
[02:25]DOTA2英雄基础教程 生死判决瘟疫法师
2013/12/06 DOTA
[01:29:46]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第二局
2016/02/27 DOTA
浅谈python 线程池threadpool之实现
2017/11/17 Python
Windows 8.1 64bit下搭建 Scrapy 0.22 环境
2018/11/18 Python
对python3 sort sorted 函数的应用详解
2019/06/27 Python
深入了解python中元类的相关知识
2019/08/29 Python
Python爬虫使用代理IP的实现
2019/10/27 Python
python 爬虫如何实现百度翻译
2020/11/16 Python
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
爷爷追悼会答谢词
2014/01/24 职场文书
质量月活动策划方案
2014/03/10 职场文书
勾股定理课后反思
2014/04/26 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
同学聚会致辞集锦
2015/07/28 职场文书