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 相关文章推荐
UpdatePanel和Jquery冲突的解决方法
Apr 01 Javascript
setTimeout自动触发一个js的方法
Jan 15 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
JavaScript中用字面量创建对象介绍
Dec 31 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
JS实现IE状态栏文字缩放效果代码
Oct 24 Javascript
js判断文本框输入的内容是否为数字
Dec 23 Javascript
bootstrap学习使用(导航条、下拉菜单、轮播、栅格布局等)
Dec 01 Javascript
Jil,高效的json序列化和反序列化库
Feb 15 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
JS代码实现页面切换效果
Jan 10 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 select,radio和checkbox默认选择的实现方法
2010/05/15 PHP
PHP将数据导出Excel表中的实例(投机型)
2017/07/31 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
Jquery中显示隐藏的实现代码分析
2011/07/26 Javascript
JS target与currentTarget区别说明
2011/08/28 Javascript
一样的table?不一样的table(可编辑状态table)
2012/09/19 Javascript
jquery实现excel导出的方法
2013/04/04 Javascript
Jquery实现显示和隐藏的4种简单方式
2013/08/28 Javascript
jQuery插件 selectToSelect使用方法
2013/10/02 Javascript
js中window.open打开一个新的页面
2014/08/10 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
2014/12/29 Javascript
javascript制作网页图片上实现下雨效果
2015/02/26 Javascript
移动端JQ插件hammer使用详解
2015/07/03 Javascript
AngularJS中如何使用$parse或$eval在运行时对Scope变量赋值
2016/01/25 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
获取jqGrid中选择的行的数据
2016/11/30 Javascript
用最少的JS代码写出贪吃蛇游戏
2018/01/12 Javascript
react-native-video实现视频全屏播放的方法
2018/03/19 Javascript
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
sharp.js安装过程中遇到的问题总结
2020/04/02 Javascript
基于Vue2实现移动端图片上传、压缩、拖拽排序、拖拽删除功能
2021/01/05 Vue.js
Python中操作MySQL入门实例
2015/02/08 Python
浅谈Python的条件判断语句if/else语句
2019/03/21 Python
详解python执行shell脚本创建用户及相关操作
2019/04/11 Python
Python切片操作去除字符串首尾的空格
2019/04/22 Python
Django 配置多站点多域名的实现步骤
2019/05/17 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
python 实现批量替换文本中的某部分内容
2019/12/13 Python
完美解决ARIMA模型中plot_acf画不出图的问题
2020/06/04 Python
阿巴庭院:Abba Patio
2019/06/18 全球购物
银行实习生的自我评价
2014/01/13 职场文书
庆八一活动方案
2014/01/25 职场文书
2016秋季校长开学典礼致辞
2015/11/26 职场文书
掌握一个领域知识,高效学习必备方法
2019/08/08 职场文书
vue实现无缝轮播效果(跑马灯)
2021/05/14 Vue.js