<table class="tbl-box" style="overflow-x: scroll;">
<tr class="tbl-title">
<td><input type="checkbox" id="allCheck" name="allCheck"value="1">全选</td>
<td>编号</td>
<td>姓名</td>
<td>证件号码</td>
<td>性别</td>
<td>工种</td>
<td>善长项目</td>
<td>联系电话</td>
<td>操作</td>
</tr>
<c:forEach var="qr" items="${queryresult}">
<tr class="tbl-item">
<td><input type="checkbox" name="selectworker" value="${qr.id}" ></td>
<td>${qr.id}</td>
<td>${qr.name}</td>
<td>${qr.idCard}</td>
<td>${qr.sex}</td>
<td>${qr.type}</td>
<td>${qr.skills}</td>
<td>${qr.mobile}</td>
<td><a href="${rc.contextPath}/${qr.id}">编辑</a></td>
</tr>
</c:forEach>
<tr class="tbl-footer">
<td colspan="15" class="page-button"><jsp:include page="../../includes/paging-buttons-old.jsp" /></td>
</tr>
</table>
<span id="cancelWorker" style="margin-left:15px" class="submit-button pull-left" bind-dialog="cancleDialog"><font>作废</font><i class="submit-radius"></i></span>
<!--弹窗开始 -->
<div class="dialog hide" id="cancleDialog">
<div class="dialog-title"><span> </span><font class="close-fn">X</font></div>
<div class="dialog-body" style="height:200px;text-align:center;line-height:200px">
<h1></h1>
</div>
<div class="dialog-bottom">
<div class="form-line center" style="margin:auto">
<span id="confirmButton" class="submit-button" style="margin-right:20px"><font>确认</font><i class="submit-radius"></i></span>
<span id="cancelButton" class="submit-button" style="margin-right:20px"><font>取消</font><i class="submit-radius"></i></span>
</div>
</div>
</div>
<!--弹窗结束 -->
<script type="text/javascript">
var d ;
$('#cancelWorker').click(function(){
d = dialog(this);
var workerArr = getWorkerArrId();
if(workerArr == ''){
$("h1").html('请选择作废的目标');
$(".dialog-bottom").hide();
setTimeout(function(){
d.close();
},2000);
}else{
$("h1").html("确认作废选中的目标");
$(".dialog-bottom").show();
}
d.open();
});
/*作废 确认按钮 */
$("#confirmButton").click(function(){
var workerArr = getWorkerArrId();
$.ajax({
url:"<c:url value='/wms/worker/cancelWorker'/>",
type:"post",
dataType:"json",
data:{
workerArr:workerArr
},
success:function(data){
$("h1").html(data.errMsg);
$(".dialog-bottom").hide();
if(data.errType == "0"){
setTimeout(function(){
d.close();
},2000);
$("#currentPage").attr("name","current");
$("#searchForm").submit();
}else{
setTimeout(function(){
d.close();
},3000);
}
}
})
});
/*作废 取消按钮 */
$("#cancelButton").click(function(){
d.close();
})
/*得到checkbox中所选择的客户Id */
function getWorkerArrId(){
var workerArr = [];
if($("#allCheck").prop("checked")){
$("input[name='selectworker']").each(function(){
/* var customerId = $(this).val();
cu stomerArr += customerId+",";*/
workerArr.push($(this).val());
});
}else{
$("input[name='selectworker']").each(function(){
if( $(this).prop("checked")){
/* var customerId = $(this).val();
cus tomerArr += customerId+",";*/
workerArr.push($(this).val());
}
});
}
return workerArr.join(",");
}
</script>
Controller部分
@ResponseBody
@RequestMapping(value = "/cancelWorker")
public Map<String,String> cancelCustomer(@RequestParam String workerArr,HttpServletRequest request) {
Map<String,String> result = new HashMap<String,String>();
if(workerArr != null && !"".equals(workerArr.trim())){
String[] arrID = workerArr.split(",");
workerService.delWorkers(arrID);
result.put("errType", "0");
result.put("errMsg", "作废成功");
}else{
result.put("errType", "1");
result.put("errMsg", "作废失败,请选择作废的目标");
}
return result;
}