layui批量删除数据后怎么刷新当前分页

发布时间:2021-08-06 10:12:17 作者:chen
来源:亿速云 阅读:183

这篇文章主要介绍“layui批量删除数据后怎么刷新当前分页”,在日常操作中,相信很多人在layui批量删除数据后怎么刷新当前分页问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”layui批量删除数据后怎么刷新当前分页”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

1.先进行可视化界面操作,如图有2条数据。

2.批量选择需要删除的数据。

3.点击删除按钮,弹出提示代码

layer.confirm("确认删除勾选的专题?", {icon: 3, title:"确认"}, function(){      batchDel(resSubInfoIds);     }, function(){ });

batchDel 调用真正的批量删除方法

4.批量删除完的结果界面。

5.加数据的方法,等下批量删除时会用到这个,所以这个方法是复用的,数据初始加载和批量删除过程中都会使用:

function load(pageNum, params){params = params || {};params.current = pageNum;$.post(ctxBack+"/XXXXXX/list", params, function(result){    if(false === result.success){    layer.alert(result.message || "专题数据加载失败", {icon: 2,title:'错误'});    return;    }    laytpl(gridTpl).render(result.data.records, function(html){        $(gridPanelId + " table tbody").empty().append(html);    });       //缓存查询参数        gridParams.page = result.data.current;        gridParams.params = params;       renderPage($(gridPanelId + " .panel-footer"), result.data, load, params);}).error(function(){layer.alert("专题数据加载失败", {icon: 2,title:'错误'});});}

6.删除的方法,批量删除完刷新,其实就是再次请求初始化的方法加载一次数据而已,使用ajax的方法来求,实现无页面刷新,代码如下:

/**     * 删除专题     */    function del(){    var resSubInfoIds=getCheckedData();    if(resSubInfoIds == ""){    layer.msg("请选择需要删除的专题");    return ;    }    layer.confirm("确认删除勾选的专题?", {icon: 3, title:"确认"}, function(){      batchDel(resSubInfoIds);     }, function(){ });       }/**     * 批量删除     */    function batchDel(resSubInfoIds){    var loading = layer.load(2, { shade: [0.3,'#fff']});    params={resSubInfoIds:resSubInfoIds};    $.post(ctxBack+"/XXXXXX/batchDel", params, function(result){    if(false === result.success){    layer.alert(result.message || "专题删除失败", {icon: 2,title:'错误'});    return;    }    layer.msg("专题删除成功");}).error(function(){layer.alert("专题删除失败", {icon: 2,title:'错误'});}).complete(function(){layer.close(loading); //加载完成关闭loadingload(gridParams.page, gridParams.params); //更新当前页});    }

到此,关于“layui批量删除数据后怎么刷新当前分页”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. RecyclerView的刷新分页
  2. layui如何实现分页

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

layui

上一篇:ubuntu系统无法安装wps怎么办

下一篇:如何解决某些HTML字符打不出来的问题

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》