layui数据表格批量删除,layui中怎么批量删除table

科技资讯 投稿 5700 0 评论

layui数据表格批量删除,layui中怎么批量删除table

以下内容主要是针对遇上layui中怎么批量删除table等问题,我们该怎么处理呢。下面这篇文章将为你提供一个解决思路,希望能帮你解决到相关问题。

layui中批量删除table

1、layui中可以通过checkbox选择要删除的行数据,然后点击删除按钮,实现批量删除table的功能。

2、首先,我们需要在html页面中添加checkbox,以及删除按钮,代码如下:







3、然后,我们需要在js文件中写入相应的js代码,实现删除table行的功能:


$('.batchDel').click(function(){
    var checkbox = $('input[name="id[]"]:checked');
    if(checkbox.length == 0){
        layer.alert('请选择要删除的数据!');
        return;
    }
    var ids = [];
    checkbox.each(function(){
        ids.push($(this).val());
    });
    layer.confirm('确定要删除选中的数据吗?', {icon: 3, title:'提示'}, function(index){
        //do something
        layer.close(index);
    });
});

4、最后,我们需要在后台实现删除功能,代码如下:


public function delete(){
    $ids = input('post.ids/a');
    if(empty($ids)){
        return apiReturn('请选择要删除的数据');
    }
    $res = Db::name('table')->where('id','in',$ids)->delete();
    if($res){
        return apiReturn('删除成功',1);
    }else{
        return apiReturn('删除失败');
    }
}

以上就是layui中批量删除table的实现方法,使用checkbox选择要删除的行,点击删除按钮,实现批量删除table的功能。

总结

以上就是为你整理的layui中怎么批量删除table全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!

编程笔记 » layui数据表格批量删除,layui中怎么批量删除table

赞同 (31) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽