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 相关文章推荐
$.get获取一个文件的内容示例代码
Sep 11 Javascript
多种方法判断Javascript对象是否存在
Sep 22 Javascript
js中同步与异步处理的方法和区别总结
Dec 25 Javascript
JavaScript设计模式初探
Jan 07 Javascript
JavaScript入门系列之知识点总结
Mar 24 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
Jun 13 Javascript
angular.js分页代码的实例
Jul 27 Javascript
jQuery操作cookie
Aug 08 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
使用xampp将angular项目运行在web服务器的教程
Sep 16 Javascript
js实现幻灯片轮播图
Aug 14 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四大安全策略
2014/03/12 PHP
Centos 6.5下PHP 5.3安装ffmpeg扩展的步骤详解
2017/03/02 PHP
php中类和对象:静态属性、静态方法
2017/04/09 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
JS自动适应的图片弹窗实例
2013/06/29 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
2014/07/27 Javascript
Jquery网页内滑动缓冲导航的实现代码
2015/04/05 Javascript
jQuery实现类似老虎机滚动抽奖效果
2015/08/06 Javascript
详解Bootstrap glyphicons字体图标
2016/01/04 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
2016/04/15 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
微信网页登录逻辑与实现方法
2019/04/29 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
基于iview-admin实现动态路由的示例代码
2019/10/02 Javascript
Vue 解决多级动态面包屑导航的问题
2019/11/04 Javascript
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
Python字符编码判断方法分析
2016/07/01 Python
Python简单网络编程示例【客户端与服务端】
2017/05/26 Python
异步任务队列Celery在Django中的使用方法
2018/06/07 Python
Python读取mat文件,并转为csv文件的实例
2018/07/04 Python
opencv与numpy的图像基本操作
2019/03/08 Python
Python中一些深不见底的“坑”
2019/06/12 Python
Python操作Excel工作簿的示例代码(\*.xlsx)
2020/03/23 Python
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
DC Shoes荷兰官方网站:美国极限运动品牌
2019/10/22 全球购物
jQuery treeview树形结构应用
2021/03/24 jQuery
医学专业毕业生个人的求职信
2013/12/04 职场文书
生产文员岗位职责
2014/04/05 职场文书
电子商务专业求职信
2014/07/10 职场文书
初中国旗下的演讲稿
2014/08/28 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
浅谈node.js中间件有哪些类型
2021/04/29 Javascript
使用python如何删除同一文件夹下相似的图片
2021/05/07 Python
Python使用scapy模块发包收包
2021/05/07 Python
docker 制作mysql镜像并自动安装
2022/05/20 Servers