使用bootstraptable实现批量删除

最新推荐文章于 2024-09-11 15:20:10 发布

zgsdzczh

最新推荐文章于 2024-09-11 15:20:10 发布

阅读量4.1k

点赞数 1

分类专栏： javaweb 文章标签： html 批量删除 bootstraptable

本文链接：https://blog.csdn.net/zgsdzczh/article/details/80223589

版权

javaweb 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

 <table class="table table-striped table-bordered table-hover" id="users" data-show-export="true"  data-toggle="table" data-pagination="true" data-search="true" data-show-refresh="true" data-show-toggle="true" data-show-columns="true" data-page-size="10" >
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>工号</th>
                                            <th>用户名</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    <tr class="odd gradeX">                                      
                                           <td οnclick="cheBox()"><input type="checkbox" name="check" value="${list.id}"/> </td>
                                            <td>${list.id }</td>
                                            <td>${list.account }</td>
                                    </tr>
                                    </tbody>
 </table>

<a style="text-decoration:none" onClick="delList()" href="javascript:;" class='btn btn-danger' title="批量删除用户">批量删除用户</a>

function delList(){
      var cks=document.getElementsByName("check");
	  var ids="";
	  for(var i=0;i<cks.length;i++){
		 if(cks[i].checked){
		 ids+=cks[i].value+",";
	  }
	  }
	  deleteUser(ids); 
	}

function deleteUser(ids){
			layer.confirm('确认要删除所选用户吗？',function(index){
		$.ajax({
			type: 'POST',
			url: '${domain}/sys/delUserList.action',
			data: {ids : ids},
			success: function(data){
				layer.msg('批量删除成功!',{icon: 1,time:2000});
				setTimeout(function(){
					window.location.reload();
				},2000)
			},
			error:function(data) {
				console.log(data.msg);
			},
		});		
	});
	}

controller：

@ResponseBody
    @RequestMapping(value = "/delUserList", method = RequestMethod.POST)  
    public String delUserList(String ids){  
    	String[] ss = ids.split(",");
    	for (String s : ss) { 
    		userService.delUser(Integer.valueOf(s));  //根据ID删除记录
    	  } 
    	return "true";  
    }