layui 批量删除前后端代码实现

最新推荐文章于 2023-04-20 09:05:25 发布

新人报道

最新推荐文章于 2023-04-20 09:05:25 发布

阅读量487

点赞数

分类专栏： ssm layui 批量删除文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/qq_44740800/article/details/130043680

版权

前端

<!-- 添加 批量删除工具栏 -->  
<script type="text/html" id="addbar">    // addbar 绑定在table.render渲染表格元素时 使用 toolbar:"#addbar" 进行绑定
    <div class="layui-btn-container">
        <a class="layui-btn layui-icon layui-icon-add-1" lay-event="add"></a>
        <a class="layui-btn layui-icon layui-icon-subtraction" lay-event="dels"></a>
    </div>
</script>

js代码

    //   添加 批量删除工具栏
    table.on('toolbar(commFilter)',function (obj){   // commFilter 代表的是定义的表格的lay-filter属性
        var ename = obj.event;
        if(ename === 'add'){
          $("#addOrEditForm")[0].reset();
            layui.$('#uploadView').removeClass('layui-hide').find('img').attr('src', "images/7e303b15f-b709-4401-a