jeesite全选 批量删除。有坑啊!

jeesite这个框架,拿来开发,私活都是不错的。菜鸡一只,记录一下批量删除的操作。

首先说一下这个根据单个复选框的选择情况确定全选复选框是否被选中  一定要注意的是。全选按钮的id 一定要加!!!

一定要用id来设置CheckBox全选按钮是否选中或者取消!!!用name 不行!搞了很久,上代码:

首先jsp页面,增加全选按钮:就是th 第一行,加在表头的代码,copy就能用。

<th><input type=checkbox name="selid" id="checkId" onclick="checkAll(this, 'repairId')"></th>

然后遍历list集合的第一列,加入CheckBox:就是每行

<td><input type="checkbox" name="repairId" value="${streetLampRepair.id}" onclick="selectSingle()"/></td>  

接下来,就是js了:最好呢,是跟我一样写个js。因为批量删除,应该项目里的每个功能都需要加的,这样的话,引用一下就行了

引用呢,就不多说了。在你webapp下,建个js包,然后丢进去。引用,加入这些。就OK了。

<script type="text/javascript" src="${pageContext.request.contextPath}/js/checkboxAll.js"></script>

//全选按钮点击事件
function checkAll(e, itemName){
        var repairId = document.getElementsByName(itemName);    //获取全选复选框
        for (var i=0; i<repairId.length; i++){
        repairId[i].checked = e.checked;    //改变所有复选框的状态为全选复选框的状态
       }
    }
   
/*根据单个复选框的选择情况确定全选复选框是否被选中*/
function selectSingle(){
var k=0;
var oInput=document.getElementsByName("repairId");
for (var i=0;i<oInput.length;i++){
  if(oInput[i].checked==false){
k=1;
break;
    }
}
if(k==0){
 //document.getElementsByName("selid").checked=true;
 document.getElementById("checkId").checked=true;

}
else{
document.getElementById("checkId").checked=false;
//document.getElementsByName("selid").checked=false;
}
}


接下来,CheckBox搞定了。就可以写批量删除了。选择完以后呢,当然是要加按钮点击了:

可以加在查询from 的下面 ,具体的,随意

<a href="#" onclick="checkdel()" class="btn btn-primary">批量删除</a>

然后呢,就是js了。额,本人不是前段,所以,写的不好,菜鸡记录,或者也能稍微帮到jeesite刚入手的童鞋  js代码

这边呢,我也是放入到了js中,传入url就行了。把URL 替换一下,就ok了

function checkdel(){
var num = $("input[type='checkbox']:checked").length;
if(num == 0){
confirmx("请选择你要删除的数据");
}else{
  confirmx('确定要删除已选中的路灯抢修信息吗?',repairDel);
}

}

function repairDel(){
//批量删除
var id = document.getElementsByName("repairId");//获取全选复选框
var ids = "";//用于拼接所有已选中的id
//拼接所有id
for(var i=0;i<id.length;i++){
if(id[i].checked){
ids+=id[i].value+",";
}
}
 ids=ids.substring(0, ids.length-1);//干掉字符串最后一个逗号
 //alert(ids)
//confirmx('确认要删除该路灯抢修信息吗?', this.href);
$("#searchForm").attr("action","${ctx}/streetlamp/streetLampRepair/deleteList?ids="+ids);
$("#searchForm").submit();
}


猜你喜欢

转载自blog.csdn.net/qq_39930369/article/details/78622561