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

关于 "layui批量删除怎么刷新当前分页" 就介绍到此。希望多多支持编程宝库。

本文讲解"layuiAdmin主要特色是什么"，用于解决相关问题。layuiAdmin介绍layuiAdmin 是一种采用 layui 自建的纯前端 MVC 架构而成的后台模板系统开发框架，而不仅限于模板 ...