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 选择器项目实例分析及实现代码
Dec 28 Javascript
JS实现图片横向滚动效果示例代码
Sep 04 Javascript
21个值得收藏的Javascript技巧
Feb 04 Javascript
JQuery做的一个简单的点灯游戏分享
Jul 16 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 Javascript
bootstrap table服务端实现分页效果
Aug 10 Javascript
如何编写一个完整的Angular4 FormText 组件
Nov 18 Javascript
详解AngularJS之$window窗口对象
Jan 17 Javascript
vue.js中npm安装教程图解
Apr 10 Javascript
vue 组件中添加样式不生效的解决方法
Jul 06 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
ES6如何用一句代码实现函数的柯里化
Jan 18 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&MYSQL服务器配置说明
2006/10/09 PHP
php disk_free_space 返回目录可用空间
2010/05/10 PHP
PHP性能优化 产生高度优化代码
2011/07/22 PHP
PHP正确配置mysql(apache环境)
2011/08/28 PHP
有关PHP中MVC的开发经验分享
2012/05/17 PHP
全面解析PHP操作Memcache基本函数
2016/07/14 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
javascript 动态加载 css 方法总结
2009/07/11 Javascript
AJAX异步从优酷专辑中采集所有视频及信息(JavaScript代码)
2010/11/20 Javascript
JavaScript定时器详解及实例
2013/08/01 Javascript
js简单实现HTML标签Select联动带跳转
2013/10/23 Javascript
原生JS实现加入收藏夹的代码
2013/10/24 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
javascript实现可键盘控制的抽奖系统
2016/03/10 Javascript
JS去除空格和换行的正则表达式(推荐)
2016/06/14 Javascript
探究Vue.js 2.0新增的虚拟DOM
2016/10/20 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
2016/11/10 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
es6学习笔记之Async函数的使用示例
2017/05/11 Javascript
JavaScript html5 canvas实现图片上画超链接
2017/10/20 Javascript
浅谈react受控组件与非受控组件(小结)
2018/02/09 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
Python sklearn KFold 生成交叉验证数据集的方法
2018/12/11 Python
对Django项目中的ORM映射与模糊查询的使用详解
2019/07/18 Python
Win下PyInstaller 安装和使用教程
2019/12/25 Python
python代码xml转txt实例
2020/03/10 Python
Jmeter调用Python脚本实现参数互相传递的实现
2021/01/22 Python
分享一个H5原生form表单的checkbox特效代码
2018/02/26 HTML / CSS
《圆明园的毁灭》教学反思
2014/02/28 职场文书
工伤事故赔偿协议书
2014/04/15 职场文书
培训心得体会怎么写
2016/01/25 职场文书
2019年思想汇报
2019/06/20 职场文书
开学季:喜迎新生,迎新标语少不了
2019/11/07 职场文书
Html5页面播放M4a音频文件
2021/03/30 HTML / CSS