display 运用心得

直接上代码 废话不说：



<display:table style='text-align:center;'  name="productBlackNames"
	id="productBlackName" class="editTable2" pagesize="15" sort="external" partialList="true" size="total" requestURI="list.do">
	
   <display:column   title="<input type='checkbox'  class='width:15px; vertical-align:text-top; height:13px;' style='width:25px;' id='itemId' name='temName' onclick='javascript:checkboxFind(this)'/> ">
       <input type="checkbox"  class="width:15px; vertical-align:text-top; height:13px;" style="width:25px;" id="${productBlackName.id}" name="itemChild" onclick="javascript:checkboxFind(this)" value="${productBlackName.id} " />
       <!-- 所有的ID -->
       <script type="text/javascript">allId+=','+${productBlackName.id}</script>
    </display:column>
    
	<display:column title="序号">${productBlackName_rowNum}</display:column>
	<display:column title="级别">
		<c:if test="${productBlackName.level == 1}">系统级别</c:if>
		<c:if test="${productBlackName.level == 2}">SI级别</c:if>
		<c:if test="${productBlackName.level == 3}">产品级别</c:if>
	</display:column>


	<display:column title="操作">
		<a href="#" onclick="javascript:del(${productBlackName.id},${productBlackName.type},${productBlackName.level});">删除</a>
	</display:column>
</display:table>

?

<script type="text/javascript">
<!--
//所有的id
var allId="";
var rest="";
//处理权选中
function checkboxFind(select){
 	if(select.name == 'temName'){
 		if(select.checked){
 			//如果是选中 全选
 			rest = allId.split(",");
 			for(var i = 0; i < rest.length; i++){
		 	 	if(rest[i])
		 	 		document.getElementById(rest[i]).checked=true;
		 	 }
 			rest = allId;
 		}else{
 			rest = allId.split(",");
 			for(var i = 0; i < rest.length; i++){
		 	 	if(rest[i])
		 	 		document.getElementById(rest[i]).checked=false;
		 	 }
 			rest = "";
 		}
 	}else{
 		//如果是单个选中
 		if(select.checked){
 			rest += ','+select.id;
 		}else{
 			var r;
 			if(rest){
 				r = rest.split(",");
 				rest = "";
 				for( var i = 0; i < r.length ; i++){
 					if(r[i]){
 						if(r[i] == select.id)
 							continue;
 						rest += ','+r[i];
 					}
 				}
 			}
 		}
 	}
}

function del(id,type,level){
	if(confirm("是否确定删除?"))
		window.location.href='../productBlackName/delete.do?id='+id+'&type='+type+'&level='+level;
}

function delAll(type,level){
	if(rest.length < 1){
		alert("请选择要删除信息！");
		return;
	}
	if(confirm("是否确定批量删除?"))
		window.location.href='../productBlackName/delete.do?id='+rest+'&type='+type+'&level='+level;
}
//-->
</script>

?

?

?

?

回过头来 在看写的这些代码确实潦草 。 比如过滤的那块用jquery如果实现 ，代码会很整洁。。

上面是加入 列表前面的复选框 下面是处理选择 的js代码 如果有更好的解决方案 欢迎批评！

Ｊａｖａ部落 Q群：84436262

?

?