layui 批量删除操作；

最新推荐文章于 2021-06-19 00:23:08 发布

原创最新推荐文章于 2021-06-19 00:23:08 发布 · 4k 阅读

4 ·

CC 4.0 BY-SA版权

layui 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种基于后台业务需求的批量删除功能实现方法，通过检查状态获取选中项，执行批量删除操作。同时，文章还介绍了搜索功能的添加，通过点击搜索按钮并输入关键字，实现对列表的动态搜索和更新。

结合后台根据业务需求，选择需要删除的内容勾选，然后执行批量删除！

 $(".delAll_btn").click(function(){
     var checkStatus = table.checkStatus('userListTable'),
         data = checkStatus.data,
         newsId = [];
     if(data.length > 0) {
         for (var i in data) {
             newsId.push(data[i].newsId);
         }
         layer.confirm('确定删除选中的用户？', {icon: 3, title: '提示信息'}, function (index) {

             tableIns.reload();
             layer.close(index);

         })
     }else{
         layer.msg("请选择需要删除的用户");
     }
 });

搜索功能添加；

$(".search_btn").on("click",function(){
      if($(".searchVal").val() != ''){
                    table.reload("newsListTable",{
                        page: {
                            curr: 1 //重新从第 1 页开始
                        },
                        where: {
                            key: $(".searchVal").val()  //搜索的关键字
                        }
                    })
                }else{
                    layer.msg("请输入搜索的内容");
                }
});