datatables中删除数据问题,最后一页只有一条数据删除跳转前一页 10C

datatable显示数据时,当我在最后一页只有一条数据时删除它,想让它跳转到前一页怎么处理。或者一页有10条数据,添加一条数据之后跳转到第二页怎么处理。比如
一共有31条数据,那么分页为4页,第四页只有一条数据,当我把它删除时,则程序应该
跳到第三页显示,但是其仍然停留在没有第四页的那儿,这个怎么处理
![图片说明](https://img-ask.csdn.net/upload/201801/19/1516349274_490491.png)图片说明

function getData(){
    var id = 0;
    var cycle=$("#cycleStatus").val();
    var flag = $("#flag").val();
     var table = $('#userList').DataTable({
          "destroy": true,   //可以重新初始化,用于搜索
          "lengthChange": false,
          "ordering": false,   //排序
          "info": true,        //
          "autoWidth": true,   //宽度自动
          "paging": true,      //分页
          "searching": false,  //全局搜索关闭
          "processing": true,  //开启显示‘正在加载.../processing’
          "serverSide":true,
         //true代表后台处理分页,false代表前台处理分页
          "ajax" :  {
                  url:"${pageContext.request.contextPath}/listAll",
                  type:"get",
                  data:{
                      "sendcycle":cycle,
                      "keyWord":flag
                  }
                  },

          //参数显示
          "columns": [
                        {"data": null,'sClass':"text-center","width":"6%"},
                        /*{"data": "id", 'sClass': "text-center","width":"6%"},*/
                        {"data": "sourcename", 'sClass': "text-center","width":"8%",},
                        {"data": "purposename", 'sClass': "text-center","width":"8%",},
                        {"data": "needname", 'sClass': "text-center","width":"8%"},
                        {"data": "needman", 'sClass': "text-center","width":"8%",},
                        {"data": "sendcycle", 'sClass': "text-center","width":"8%",
                            "render": function ( data, type, full, meta ) {
                                var str="";
                                if(data==0){
                                    str="天";
                                }
                                if(data ==1){
                                    str ="月";
                                }
                                if(data ==2){
                                    str="年";
                                }
                                return str;
                            }
                        },
                        {"data": "lasttime", 'sClass': "text-center","width":"8%",
                            "render": function ( data, type, full, meta ) {
                                var str="";
                                if(full.sendcycle==0){
                                    str=data+"天";
                                }
                                if(full.sendcycle==1){
                                    str=data+"月";
                                }
                                if(full.sendcycle==2){
                                    str=data+"年";
                                }
                                return str;
                            }
                        },
                        {"data": "createtime", 'sClass': "text-center","width":"18%",},
                        {"data": "createman", 'sClass': "text-center","width":"8%",},

                        {"data":"id" , 'sClass': "text-center","width":"16%",
                            "render": function (data, type, full, meta ) {   
                                var str = "";
                                <shiro:hasPermission name="update">
                                str += "<font color='blue' data-toggle='modal' data-target='#accept' onclick=updateUserId(" + data +");>[更新]</font>&nbsp;";
                                </shiro:hasPermission>
                                <shiro:hasPermission name="delete">
                                str += "<font color='blue' data-toggle='modal' data-target='#accept' onclick=deleteUserId(" + data +");>[删除]</font>&nbsp;";
                                </shiro:hasPermission>

                                /*下发地市*/
                                str += "<font color='blue' data-toggle='modal' data-target='#accept' onclick=sendAreaId(" + data +");>[下发地市]</font>&nbsp;";
                                /*var time = full.createtime.split("-");*/
                                /*时间戳*/
                                var time =Date.parse(new Date(full.createtime));
                                var now =Date.parse(new Date());

                                if(full.sendcycle==0){
                                    var newDate=new Date();
                                    var day=full.lasttime;
                                    /*过期时间*/
                                    newDate.setTime(time+1000*3600*24*day);
                                    var date2=formatDate(newDate);
                                    var date2Stamp=Date.parse(new Date(date2));
                                    if(date2Stamp<now){
                                        return str+="<font color='red' data-toggle='modal' data-target='#accept';>[已过期]</font>&nbsp;";
                                    }else{
                                        return str+="<font color='green' data-toggle='modal' data-target='#accept';>[未过期]</font>&nbsp;";
                                    }

                                }
                                if(full.sendcycle==1){
                                    var newDate=new Date(full.createtime);
                                    var month=full.lasttime;
                                    /*不加会直接1+5=15*/
                                    newDate.setMonth(Number(newDate.getMonth())+Number(month));
                                    var date2=formatDate(newDate);
                                    var date2Stamp=Date.parse(new Date(date2));
                                    if(date2Stamp<now){
                                        return str+="<font color='red' data-toggle='modal' data-target='#accept';>[已过期]</font>&nbsp;";
                                    }else{
                                        return str+="<font color='green' data-toggle='modal' data-target='#accept';>[未过期]</font>&nbsp;";
                                    }


                                }
                                if(full.sendcycle==2){
                                    var newDate=new Date(full.createtime);
                                    var year=full.lasttime;
                                    newDate.setFullYear(Number(newDate.getFullYear())+Number(year));
                                    var date2=formatDate(newDate);

                                    var date2Stamp=Date.parse(new Date(date2));
                                    if(date2Stamp<now){
                                        return str+="<font color='red' data-toggle='modal' data-target='#accept';>[已过期]</font>&nbsp;";
                                    }else{
                                        return str+="<font color='green' data-toggle='modal' data-target='#accept';>[未过期]</font>&nbsp;";
                                    }

                                }
                                return str;
                             }  
                        }
                    ],

         /*"columnDefs": [{
             "searchable": false,
             "orderable": false,
             "targets": 0
         }],
         "order": [[1, 'asc']],*/
         /*设置操作之后仍在当前页*/
         bStateSave:true,
          //是否开启主题 
          "bJQueryUI": true,  
          "oLanguage": {    // 语言设置  
            "sLengthMenu": "每页显示 _MENU_ 条记录",  
            "sZeroRecords": "抱歉, 没有找到",  
            "sInfo": "从 _START_ 到 _END_ /共 _TOTAL_ 条数据",  
            "sInfoEmpty": "没有数据",  
            "sInfoFiltered": "(从 _MAX_ 条数据中检索)",  
            "sZeroRecords": "没有检索到数据",  
            "sSearch": "检索:",  
            "oPaginate": {  
              "sFirst": "首页",  
              "sPrevious": "前一页",  
              "sNext": "后一页",  
              "sLast": "尾页"  
            }  
          }
      });
    /*设置id自增长1*/
    table.on('draw.dt',function() {
        table.column(0, {
            search: 'applied',
            order: 'applied'
        }).nodes().each(function(cell, i) {
            //i 从0开始,所以这里先加1

            i = i+1;
            //服务器模式下获取分页信息,使用 DT 提供的 API 直接获取分页信息

            var page = table.page.info();
            //当前第几页,从0开始

            var pageno = page.page;
            //每页数据

            var length = page.length;
            //行号等于 页数*每页数据长度+行号

            var columnIndex = (i+pageno*length);
            cell.innerHTML = columnIndex;
        });
    });
    /*start = $("#targetTable").dataTable().fnSettings()._iDisplayStart;
    total = $("#targetTable").dataTable().fnSettings().fnRecordsDisplay();
    window.location.reload();
    if ((total - start) == 1) {
        if (start > 0) {
            $("#sorting-advanced").dataTable().fnPageChange('previous', true);
        }
    }*/
}

u010215407
噬魂灬龍若 请问是如何解决的?
9 个月之前 回复

6个回答

逻辑:删除数据时记录当前页(n)——》删除成功,重新加载datatables——》加载完毕后判断当前页是否存在n页,如果不存在就定位n-1页

js 用户开发者工具看一下问题在哪里呀

你删除一条,page=(总条数-删除数量)/10,得到的就是最大的页数,然后请求一次服务器,数据和分页重新加载一次

分页是通过url get请求传参来实现的,你可以试下执行删除操作后通过get请求上一页。

在添加或者删除行时,分页没有跳转成功,是因为前端数据与后台数据不一致导致,fnPageChange 使用的还是旧的数据来计算起始行。所以,在跳转前,先让前端数据与后台数据一致,使用这个方法 fnDraw , 但是获取后台数据的 ajax 如果是异步请求,就会导致前端数据还没更新,就执行了 fnPageChange,也会跳转错误。 所以 ajax 取消异步请求方式,再在删除动作下设置 fnDraw,fnPageChange。

获取数据条数呗,假如1页是10条,就用10*页数来判断,如果大于10*页 数据的时候自动跳转下一页啊,同理,小于等于10*页 数据时自动跳转上一页

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
bootstrap dataTables中有一条数据,我想一直放在最后一行怎么做?
-
java datatables 分页问题
-
bootstrap datatables加载不出数据
-
求帮忙看一下datatables的一个很怪异的错误
-
关于datatables分页加载数据不能重画表格
-
请问datatables如何将多个字段合并为一个字段?
-
关于Jquery DataTables 数据绑定问题
-
jquery datatables插件 表格数据初始化时,数据加载两次
-
jquery datatables 想实现汇总某一列数据的功能
-
我想用tmpl组成table,datatables进行管理
-
datatables分页怎么对当前页排序
-
datatables 数据表格加载时分页没有从第一页开始加载
-
datatables插件的使用问题
-
DataTables 自适应问题
-
datatables.min.js 重新绑定datatable的数据
-
bootstarp中绑定了一个datatables不好用
-
jQuery dataTables使用的时候,返回json数据填充,不能进行分页,而是显示全部数据
-
怎么改变datatables加载页面时的Processing的位置
-
jQuery datatables中rowspan和colspan可以做复杂表头
-
记一道字节跳动的算法面试题
点击蓝色“五分钟学算法”关注我哟加个“星标”,天天中午 12:15,一起学算法作者 | 帅地来源公众号 | 苦逼的码农前几天有个朋友去面试字节跳动,面试官问了他一道链表相...
程序员真是太太太太太有趣了!!!
网络上虽然已经有了很多关于程序员的话题,但大部分人对这个群体还是很陌生。我们在谈论程序员的时候,究竟该聊些什么呢?各位程序员大佬们,请让我听到你们的声音!不管你是前端开发...
史上最详细的IDEA优雅整合Maven+SSM框架(详细思路+附带源码)
网上很多整合SSM博客文章并不能让初探ssm的同学思路完全的清晰,可以试着关掉整合教程,摇两下头骨,哈一大口气,就在万事具备的时候,开整,这个时候你可能思路全无 ~中招了咩~ ,还有一些同学依旧在使用eclipse或者Myeclipse开发,我想对这些朋友说IDEA 的编译速度很快,人生苦短,来不及解释了,直接上手idea吧。这篇文章每一步搭建过程都测试过了,应该不会有什么差错。本文章还有个比较优秀的特点,就是idea的使用,基本上关于idea的操作都算是比较详细的,所以不用太担心不会撸idea!最后,本文
吃人的那些 Java 名词:对象、引用、堆、栈
作为一个有着 8 年 Java 编程经验的 IT 老兵,说起来很惭愧,我被 Java 当中的四五个名词一直困扰着:**对象、引用、堆、栈、堆栈**(栈可同堆栈,因此是四个名词,也是五个名词)。每次我看到这几个名词,都隐隐约约觉得自己在被一只无形的大口慢慢地吞噬,只剩下满地的衣服碎屑(为什么不是骨头,因为骨头也好吃)。
LeetCode解题汇总目录
此篇为LeetCode刷题的汇总目录,方便大家查找,一起刷题,一起PK交流! 已解题目 考点 LeetCode 1. 两数之和(哈希) LeetCode 2. 两数相加(单链表反转) LeetCode 9. 回文数 LeetCode 11. 盛最多水的容器(双指针) LeetCode 15. 三数之和 LeetCode 17. 电话号码的字母组合(回溯...
我花了一夜用数据结构给女朋友写个H5走迷宫游戏
起因 又到深夜了,我按照以往在csdn和公众号写着数据结构!这占用了我大量的时间!我的超越妹妹严重缺乏陪伴而 怨气满满! 而女朋友时常埋怨,认为数据结构这么抽象难懂的东西没啥作用,常会问道:天天写这玩意,有啥作用。而我答道:能干事情多了,比如写个迷宫小游戏啥的! 当我码完字准备睡觉时:写不好别睡觉! 分析 如果用数据结构与算法造出东西来呢? ...
不识 Pandas,纵是老手也枉然?
作者 |周志鹏 责编 | 郭 芮 这段时间和一些做数据分析的同学闲聊,我发现数据分析技能入门阶段存在一个普遍性的问题,很多凭着兴趣入坑的同学,都能够很快熟悉Python基础语法,然后不约而同的一头扎进《利用Python进行数据分析》这本经典之中,硬着头皮啃完之后,好像自己什么都会了一点,然而实际操作起来既不知从何操起,又漏洞百出。 至于原因嘛,理解不够,实践不够是两条老牌的拦路...
接班马云的为何是张勇?
上海人、职业经理人、CFO 背景,集齐马云三大不喜欢的张勇怎么就成了阿里接班人? 作者|王琳 本文经授权转载自燃财经(ID:rancaijing) 9月10日,张勇转正了,他由阿里巴巴董事局候任主席正式成为阿里巴巴董事局主席,这也意味着阿里巴巴将正式开启“逍遥子时代”。 从2015年接任CEO开始,张勇已经将阿里巴巴股价拉升了超过200%。但和马云强大的个人光环比,张勇显得尤其...
14 个实用的数据库设计技巧
点击上方“后端技术精选”,选择“置顶公众号”技术文章第一时间送达!作者:echozhjuejin.im/post/5d5b4c6951882569eb570958原始单据...
我在快手认识了 4 位工程师,看到了快速发展的公司和员工如何彼此成就!
作者 | 胡巍巍 出品 | CSDN(ID:CSDNnews) 从西二旗地铁站B口出来,步行700多米可以看到一个工业建筑风格的院子。这个独立的院子和后厂村各大互联网公司的高楼林立有些不同。 院子里有7栋6层高的楼,几栋楼之间打通,可以从A栋自由穿行到F栋。这里就是快手总部。这个园区可以容纳6000多名员工,目前40%以上是研发人员。 这些研发人员维护着快手这款日活超过2亿的ap...
让程序员崩溃的瞬间(非程序员勿入)
今天给大家带来点快乐,程序员才能看懂。 来源:https://zhuanlan.zhihu.com/p/47066521 1. 公司实习生找 Bug 2.在调试时,将断点设置在错误的位置 3.当我有一个很棒的调试想法时 4.偶然间看到自己多年前写的代码 5.当我第一次启动我的单元测试时 ...
用Python分析2000款避孕套,得出这些有趣的结论
到现在为止,我们的淘宝教程已经写到了第四篇,前三篇分别是: 第一篇:Python模拟登录淘宝,详细讲解如何使用requests库登录淘宝pc端。 第二篇:淘宝自动登录2.0,新增Cookies序列化,教大家如何将cookies保存起来。 第三篇:Python爬取淘宝商品避孕套,教大家如何爬取淘宝pc端商品信息。 今天,我们来看看淘宝系列的第四篇 我们在上一篇的时候已经将淘宝数据爬取下来了,...
Spring高级技术梳理
Spring高级技术梳理 序言正文SpringDate部分Spring全家桶之SpringData——预科阶段Spring全家桶之SpringData——Spring 整合Hibernate与Hibernate JpaSpring全家桶之SpringData——Spring Data JPASpring全家桶之SpringData——SpringData RedisSpringBoot部分Sp...
如何在Windows中开启"上帝模式"
原文链接 : https://mp.weixin.qq.com/s?__biz=MzIwMjE1MjMyMw==&amp;mid=2650202982&amp;idx=1&amp;sn=2c6c609ce06db1cee81abf2ba797be1b&amp;chksm=8ee1438ab996ca9c2d0cd0f76426e92faa835beef20ae21b537c0867ec2773be...
Docker 零基础从入门到使用
诺!这只可爱的小鲸鱼就是docker了! Docker 是什么? Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux 或 Windows 机器上( 摘自百度 )。 Docker 能干什么? 在讲 Docker 能干什么之前,我们不妨先看看没有 Docker 和有Docker分别是个什么样子的? 场景一 某公司需要开发...
再见 Docker,是时候拥抱下一代容器工具了
什么是 Linux 容器?Linux 容器是由 Linux 内核所提供的具有特定隔离功能的进程,Linux 容器技术能够让你对应用及其整个运行时环境(包括全部所需文件)一...
不足20行 python 代码,高效实现 k-means 均值聚类算法
关于 k-means 均值聚类算法的原理介绍、实现代码,网上有很多,但运行效率似乎都有点问题。今天稍微有点空闲,写了一个不足20行的 k-means 均值聚类算法,1万个样本平均耗时20毫秒(10次均值)。同样的数据样本,网上流行的算法平均耗时3000毫秒(10次均值)。差距竟然达百倍以上,令我深感意外,不由得再次向 numpy 献上膝盖!
分享靠写代码赚钱的一些门路
作者 mezod,译者 josephchang10如今,通过自己的代码去赚钱变得越来越简单,不过对很多人来说依然还是很难,因为他们不知道有哪些门路。今天给大家分享一个精彩...
北漂程序员,扬帆起航的地方
随着耳畔传来“你看这碗又大又圆、你看这面又长又宽......碗大宽无影、像儿时的回忆......”听着挺带劲,于是看了一下手机,原来是吴亦凡的作品《大碗宽面》,随着入耳的旋律,脑子也不由自主的想起 10 年前,在平西府吃 5 块钱一大碗牛肉板面的情景。 平西府最有名的就是这个牌坊啦。记得每当有同事问起住哪里?都会自豪的说住在王府里;隔三差五也会邀请朋友去府上坐坐。其实打内心里讲,平西府是一个...
技术人员要拿百万年薪,必须要经历这9个段位
很多人都问,技术人员如何成长,每个阶段又是怎样的,如何才能走出当前的迷茫,实现自我的突破。所以我结合我自己10多年的从业经验,总结了技术人员成长的9个段位,希望对大家的职...
多线程编程是后台开发人员的基本功
这里先给大家分享一个小故事:在我刚开始参加工作的那年,公司安排我开发一款即时通讯软件(IM,类似于 QQ 聊天软件),在这之前我心里也知道如果多线程操作一个整型值是要加锁...
相关热词 c#怎么调用api接口 c# 调用mstsc c#扩展函数 c#向上转换向下转换 c#chart直方图叠加 c# 添加body样式 c# 调用接口 c#高德地图经纬度查询 c# 测试并发 c# 取操作系统