1.DAO層usermapper:
<delete id="deleteMany" parameterType="String">
delete from user where id in
<foreach item="ids" collection="array" index="no" open="(" separator="," close=")">
#{ids}
</foreach>
</delete>
2.DAO層UserDao:
//批量刪除
public int deleteMany(String[] ids);
3.Service層UserService同上
4.Service層UserServiceImpl:
public int deleteMany(String[] ids) {
// TODO Auto-generated method stub
return userDao.deleteMany(ids);
}
5.Controller層:
Map<String, String> ret = new HashMap<String, String>();
if(ids != null){
String[] d=ids.split(",");//把數組裏的值逗號隔開
if(userService.deleteMany(d) <=0){
ret.put("type", "error");
ret.put("msg", "刪除失敗!");
return ret;
}else{
ret.put("type", "success");
ret.put("msg", "刪除成功!");
return ret;
}
}
6.View層:
js:
//頂部批量刪除
$('.delBtn').click(function() {
var url=$(this).attr('data-url');
dialog.confirm({
message:'您確定要刪除選中項',
success:function(){
var Checkbox=false;//默認複選框爲空
$("input[name='id']").each(function(){//獲取複選框節點id
if (this.checked==true) {
Checkbox=true; //已勾選
}
});
if (Checkbox){//boolean值爲true
obj = document.getElementsByName("id");//將複選框定義成一個jquery對象
check_val = [];//定義一個數組
for(k in obj){//k相當於i,往這個jquery對象添加勾選的id;
if(obj[k].checked)//選中的都放進 數組裏
check_val.push(obj[k].value);
}
}
$.ajax({//利用ajax發出請求
type:"POST",//post類型
url:url+"?ids="+check_val, //向Controller裏的deleteSelect傳輸ids
dataType : "json",//返回數據類型
success : function(data) {
if ("success" == data.type) {
layer.msg(data.msg, {
icon : 1,
title : "提示",
time : 1000
});
} else {
layer.msg(data.msg, {
icon : 2,
title : "提示",
time : 1000
});
}
refresh();
}
});
},
cancel:function(){
layer.msg('取消成功')
}
})
return false;
}).mouseenter(function() {
dialog.tips('批量刪除', '.delBtn');
})
有table的jsp:
<table class="layui-table" lay-even lay-skin="nob">
<colgroup>
<col width="50">
<col class="hidden-xs" width="50">
<col class="hidden-xs" width="100">
<col>
<col class="hidden-xs" width="150">
<col class="hidden-xs" width="150">
<col width="80">
<col width="150">
</colgroup>
<thead>
<tr>
<th><input type="checkbox" name="" lay-skin="primary" lay-filter="allChoose"></th>
<th class="hidden-xs">ID</th>
<th>姓名</th>
<th class="hidden-xs">密碼</th>
<th class="hidden-xs">類型</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${userList}" var="user">
<tr>
<td><input type="checkbox" value="${user.id}" name="id" lay-skin="primary" data-id="1"></td>
<td class="hidden-xs">${user.id}</td>
<td>${user.username}</td>
<td>${user.password}</td>
<td class="hidden-xs">${user.type}</td>
<td>
<div class="layui-inline">
<button class="layui-btn layui-btn-small layui-btn-normal edit2-btn" data-url="user/get_user" data-id="${user.id}" ><i class="layui-icon"></i></button>
<button class="layui-btn layui-btn-small layui-btn-danger del-btn" data-url="user/delete" data-id="${user.id}" ><i class="layui-icon"></i></button>
</div>
</td>
</tr>
</c:forEach>
</tbody>
</table>