layui批量删除如何刷新当前分页

这篇文章给大家分享的是有关layui批量删除如何刷新当前分页的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:做网站、网站设计、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的勃利网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

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

layui批量删除如何刷新当前分页

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

layui批量删除如何刷新当前分页

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

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

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

layui批量删除如何刷新当前分页

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

layui批量删除如何刷新当前分页

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:'错误'});
});
}

layui批量删除如何刷新当前分页

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); //加载完成关闭loading
load(gridParams.page, gridParams.params); //更新当前页
});
    }

layui批量删除如何刷新当前分页

感谢各位的阅读!关于layui批量删除如何刷新当前分页就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


网站题目:layui批量删除如何刷新当前分页
分享网址:http://ybzwz.com/article/poeigc.html