bootstrap学习(五):跟着宝哥学java:bootstrap批量删除

该文章描述了如何在前端使用BootstrapTable插件配合jQuery实现批量删除功能,当用户点击删除按钮时,获取选中项的ID,通过AJAX发送DELETE请求到后端。后端使用@DeleteMapping处理批量删除操作,转换请求参数并调用服务层方法执行删除,最后返回成功或错误信息。
摘要由CSDN通过智能技术生成

3.7 批量删除

  • 在colums中添加多选框用于删除
columns:[
    //添加多选框 用于删除
    {checkbox:true},
    ...
]
  • 效果

在这里插入图片描述

  • 思路:
点击删除学生的按钮  所有被选中的student 从数据库删除 刷新表格数据
  • js代码
<!--删除的js-->
<!--delete请求不能传递请求参数-->
<script type="text/javascript">
    $(function(){
        //给but_delete注册事件
        $("#but_delete").bind("click",function(){
            //获取所有被选中的checkbox
            var coll= $("#table_student").bootstrapTable("getSelections");
            var b=window.confirm("确定要删除?");
            if(!b){return;}
            //获取sid组成的字符串
            var  sidStr="";
            for(var i=0;i<coll.length;i++){
                sidStr+=(coll[i].sid+"");
                if(i<coll.length-1){
                    sidStr+="-";
                }
            }
            console.log("sidStr="+sidStr);
            //发送ajax请求
            $.ajax({
                cache:false,
                type:"DELETE",
                data:null,//delete请求不能传递请求参数
                url:path+"student/deleteSome/"+sidStr+".action",
                dataType:"json",
                async:false,
                success: function(rv){
                    if(rv.status==200){
                        $("#table_student").bootstrapTable("refresh"); //刷新表格
                        return;
                    }
                    alert(rv.errorMessage);
                }
            });
        });
    });
</script>
  • action
//批量删除
@DeleteMapping("/student/deleteSome/{sidStr}.action")
//@ResponseBody
public ResponseVO<String> deleteSomeMethod(@PathVariable("sidStr") String sidStr){
    System.out.println("sidStr="+sidStr);
    String[] sidsArrStr=sidStr.split("-");
    int[] sidsArrInt=new int[sidsArrStr.length];
    for(int i=0;i<sidsArrStr.length;i++){
        sidsArrInt[i]=Integer.parseInt(sidsArrStr[i]);
    }
    System.out.println(Arrays.toString(sidsArrInt));
    return new ResponseVO<>(200,null,"删除成功行数:"+service.deleteSomeMethod(sidsArrInt));
}
  • dao
<!--int deleteSome(int[] sids);-->
<delete id="deleteSome" parameterType="int[]">
    delete from student where sid in
    <foreach collection="array" item="sid" open="(" close=")" separator=",">
        #{sid}
    </foreach>
</delete>
  • 注意事项:::
delete请求方式 不能添加请求  参数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值