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操作对象数组的实现代码
Apr 27 Javascript
javascript椭圆旋转相册实现代码
Jan 16 Javascript
jQuery 开发者应该注意的9个错误
May 03 Javascript
Javascript写入txt和读取txt文件示例
Feb 12 Javascript
JS仿淘宝实现的简单滑动门效果代码
Oct 14 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
VUEJS实战之修复错误并且美化时间(2)
Jun 13 Javascript
AngularJS使用指令增强标准表单元素功能
Jul 01 Javascript
xtemplate node.js 的使用方法实例解析
Aug 22 Javascript
json前后端数据交互相关代码
Sep 19 Javascript
js实现简单扫雷
Nov 27 Javascript
vue-cli3配置favicon.ico和title的流程
Oct 27 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开启安全模式后禁用的函数集合
2011/06/26 PHP
Laravel 框架控制器 Controller原理与用法实例分析
2020/04/14 PHP
JQuery一种取同级值的方式(比如你在GridView中)
2012/03/15 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
jquery.Ajax()方法调用Asp.Net后台的方法解析
2014/02/13 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
设置点击文本框或图片弹出日历控件的实现代码
2016/05/12 Javascript
省市二级联动小案例讲解
2016/07/24 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
用jQuery的AJax实现异步访问、异步加载
2016/11/02 Javascript
基于Vue2的移动端开发环境搭建详解
2016/11/03 Javascript
微信小程序 常用工具类详解及实例
2017/02/15 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
2018/06/01 Javascript
vue实现点击追加选中样式效果
2019/11/01 Javascript
JavaScript中reduce()的5个基本用法示例
2020/07/19 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
2020/10/29 Javascript
python动态加载变量示例分享
2014/02/17 Python
举例讲解Python中的死锁、可重入锁和互斥锁
2015/11/05 Python
Python实现字符串格式化的方法小结
2017/02/20 Python
Python 修改列表中的元素方法
2018/06/26 Python
python实现控制COM口的示例
2019/07/03 Python
利用matplotlib实现根据实时数据动态更新图形
2019/12/13 Python
Python生成六万个随机,唯一的8位数字和数字组成的随机字符串实例
2020/03/03 Python
aws 通过boto3 python脚本打pach的实现方法
2020/05/10 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
CSS3教程:新增加的结构伪类
2009/04/02 HTML / CSS
深入探究HTML5的History API
2015/07/09 HTML / CSS
建筑工地大门标语
2014/06/18 职场文书
小城镇建设汇报材料
2014/08/16 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
离婚答辩状怎么写
2015/05/22 职场文书
晚会开幕词范文
2016/03/04 职场文书
使用Redis实现实时排行榜功能
2021/07/02 Redis
Go语言读取txt文档的操作方法
2022/01/22 Golang
MySQL的InnoDB存储引擎的数据页结构详解
2022/03/03 MySQL