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 相关文章推荐
xml和web特殊字符
Apr 28 Javascript
JavaScript面向对象(极简主义法minimalist approach)
Jul 17 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
Apr 02 Javascript
JavaScript onkeydown事件入门实例(键盘某个按键被按下)
Oct 17 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
详解JavaScript函数
Dec 01 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
AngularJS自定义指令之复制指令实现方法
May 18 Javascript
vue中keep-alive的用法及问题描述
May 15 Javascript
详解超简单的react服务器渲染(ssr)入坑指南
Feb 28 Javascript
webpack 动态批量加载文件的实现方法
Mar 19 Javascript
vue:el-input输入时限制输入的类型操作
Aug 05 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
SONY ICF-F10中波修复记
2021/03/02 无线电
php实现无限级分类
2014/12/24 PHP
列举PHP的Yii 2框架的开发优势
2015/07/03 PHP
wampserver改变默认网站目录的办法
2015/08/05 PHP
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
PHP+MySQL实现消息队列的方法分析
2018/05/09 PHP
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
2010/03/23 Javascript
alert中断settimeout计时功能
2013/07/26 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
jQuery中$(function() {});问题详解
2015/08/10 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
2015/11/10 Javascript
PHP7新特性简述
2017/06/11 Javascript
jQuery实现火车票买票城市选择切换功能
2017/09/15 jQuery
VUE中v-on:click事件中获取当前dom元素的代码
2018/08/22 Javascript
解决vue 给window添加和移除resize事件遇到的坑
2020/07/21 Javascript
使用python加密自己的密码
2015/08/04 Python
python实现用户登录系统
2016/05/21 Python
关于Python元祖,列表,字典,集合的比较
2017/01/06 Python
Python实现求两个csv文件交集的方法
2017/09/06 Python
Python入门之三角函数全解【收藏】
2017/11/08 Python
python3调用百度翻译API实现实时翻译
2018/08/16 Python
浅析Windows 嵌入python解释器的过程
2019/07/26 Python
Python列表(list)所有元素的同一操作解析
2019/08/01 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
pycharm永久激活超详细教程
2020/10/29 Python
百联网上商城:i百联
2017/01/28 全球购物
丝绸和人造花卉、植物和树木:Nearly Natural
2018/11/28 全球购物
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
Ruby如何实现动态方法调用
2012/11/18 面试题
违纪检讨书2000字
2014/02/08 职场文书
竞选学习委员演讲稿
2014/04/28 职场文书
我的中国心演讲稿
2014/09/04 职场文书
逃出克隆岛观后感
2015/06/09 职场文书
幼儿园亲子活动感想
2015/08/07 职场文书
详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
2021/07/16 HTML / CSS
vue报错function () { [native code] },无法出现我们想要的内容 Unknown custom element
2022/04/11 Vue.js