DataTable删除之后页面刷新保存在当前页

一般情况下DataTable做删除操作之后,页面刷新使用table.ajax.reload() 删除成功之后页面会跳转到第一页,如果我们删除的是当页最后一个,那么想实现的功能就是删除成功后跳转到上一页,如果删除的不是最后一个,那么删除成功后刷新在当前页.

function deleteMapPoint(id) {
    swal({
        title: "删除账号",
        text: "<span style='color:#F44336;'>删除操作后该记录将被删除,并且无法恢复</span>",
        type: "info",
        showCancelButton: true,
        confirmButtonColor: "#2196F3",
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        closeOnConfirm: false,
        html: true
    }, function () {
        deleteCallback(id);
    });
}
function deleteCallback(id) {
    $.ajax({
        url : contextPath + "/mapPoint/delete/" + id,
        cache : false,
        dataType : "json",
        success : function(result) {
            if (result.code == 1) {
                swal({
                    title : "删除账号",
                    text : "删除账号成功",
                    type : "success",
                    showConfirmButton : false,
                    timer : 1000
                });
                if(result.flag==1){
                    table.page('previous').draw("page");//返回上一页
                }
                else{
                    table.draw(false);//刷新停留在当前页,不跳转第一页
                }
            }
        }
    });
}

控制器中需要判断一下删除的是不是最后一个

@RequestMapping(value = "/delete/{id}", produces = "application/json;charset=utf-8")
    @ResponseBody
    public String delete(@PathVariable("id") int id) {
        mapPointService.deleteMapPointById(id);
        List<MapPoint> mapPoints = mapPointService.getMapPoints();
        JSONObject jsonObject = new JSONObject();
        if(mapPoints.size()%10==0) {//如果删除的时候余数是0,那就说明要翻页了
            jsonObject.put("flag", 1);那就返回一个状态
        }
        
        jsonObject.put("code", 1);
        jsonObject.put("message", "");
        return jsonObject.toString();
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Web网站测试流程和方法(转载) 1测试流程与方法 1.1测试流程 进行正式测试之前,应先确定如何开展测试,不可盲...
    夏了夏夏夏天阅读 1,387评论 0 0
  • 1,reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]...
    孤岛渔夫阅读 14,425评论 0 6
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,079评论 1 45
  • 1.几种基本数据类型?复杂数据类型?值类型和引用数据类型?堆栈数据结构? 基本数据类型:Undefined、Nul...
    极乐君阅读 5,914评论 0 106
  • 1. 打开新的窗口并传送参数: 传送参数: response.write("window.open('*.aspx...
    682c63a21d97阅读 789评论 0 0

友情链接更多精彩内容