327 lines
12 KiB
Plaintext
327 lines
12 KiB
Plaintext
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
|
||
<%@ taglib uri="/jstl/c" prefix="c"%>
|
||
<%@ taglib uri="/jstl/fn" prefix="fn"%>
|
||
<%@ taglib uri="/jstl/fmt" prefix="fmt"%>
|
||
<%
|
||
String path = request.getContextPath();
|
||
String basePath = request.getScheme() + "://"
|
||
+ request.getServerName() + ":" + request.getServerPort()
|
||
+ path + "/";
|
||
response.setHeader("Pragma", "No-Cache");
|
||
response.setHeader("Cache-Control", "No-Cache");
|
||
response.setDateHeader("Expires", 0);
|
||
%>
|
||
|
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||
<html xmlns=" http://www.w3.org/1999/xhtml">
|
||
<head>
|
||
<title>i18n_tcp.message.title_n81i</title>
|
||
<link href="<c:url value='/css/nms.css'/>" rel="stylesheet"
|
||
type="text/css" />
|
||
<link href="<c:url value='/css/suggest.css'/>" rel="stylesheet"
|
||
type="text/css" />
|
||
<script language="javascript" type="text/javascript"
|
||
src="<c:url value='/js/jquery-1.4.2.min.js'/>"></script>
|
||
<script language="javascript" type="text/javascript"
|
||
src="<c:url value='/js/onmouse.js'/>"></script>
|
||
<script language="javascript" type="text/javascript"
|
||
src="<c:url value='/js/jquery.tools.js'/>"></script>
|
||
<script type="text/javascript"
|
||
src="<c:url value='/js/jquery.suggest.js' />"></script>
|
||
<script type="text/javascript">
|
||
function qry(){
|
||
document.form3.action="<c:url value='/detection/switchDetection.do?action=toConfigPort'/>";
|
||
document.form3.submit();
|
||
}
|
||
|
||
function save(index){
|
||
document.form3.action="<c:url value='/detection/switchDetection.do?action=saveConfigPort&index="+index+"'/>";
|
||
document.form3.submit();
|
||
}
|
||
|
||
function batchSave(){
|
||
/*var length = $("input[name=selectOne]").filter(":checked").length;
|
||
if(length <= 0){
|
||
alert("请至少选择一条记录");
|
||
return;
|
||
}*/
|
||
document.form3.action="<c:url value='/detection/switchDetection.do?action=saveConfigPort'/>";
|
||
document.form3.submit();
|
||
}
|
||
|
||
function batchAllUpDown(num){
|
||
var checks = document.getElementsByTagName("input");
|
||
if(num == 1){
|
||
for(i=0;i<checks.length;i++){
|
||
if(checks[i].type=='radio' && checks[i].value=='1'){
|
||
checks[i].checked='checked';
|
||
}else if(checks[i].type=='radio' && checks[i].value=='2'){
|
||
checks[i].checked='';
|
||
}else if(checks[i].type=='checkbox' && checks[i].value=='DOWN'){
|
||
checks[i].checked='';
|
||
}
|
||
}
|
||
}else if(num == 2){
|
||
for(i=0;i<checks.length;i++){//alert(checks[i].type);alert(checks[i].value);
|
||
if(checks[i].type=='radio' && checks[i].value=='2'){
|
||
checks[i].checked='checked';
|
||
}else if(checks[i].type=='radio' && checks[i].value=='1'){
|
||
checks[i].checked='';
|
||
}else if(checks[i].type=='checkbox' && checks[i].value=='UP'){
|
||
checks[i].checked='';
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
//全选
|
||
$("input[ name='selectAll']").click(function(){
|
||
$("input[name=selectOne]").attr('checked',$(this).attr('checked'));
|
||
});
|
||
|
||
// 单选
|
||
$("input[name=selectOne]").click(function(){
|
||
$("input[ name='selectAll']").attr('checked',$("input[name=selectOne]").length ==$("input[name=selectOne]").filter(":checked").length);
|
||
});
|
||
|
||
var set_Id;
|
||
var ajaxProperties = "";
|
||
var ajaxTableName = "";
|
||
var ajaxType = "";
|
||
var id = "";
|
||
var returnDiv = "";
|
||
var ajaxValue = "";
|
||
|
||
function lianxiangkeydown() {
|
||
clearTimeout(set_Id);
|
||
}
|
||
|
||
function lianxiangkeyup(ajaxProperties1,ajaxTableName1,ajaxType1,id1,returnDiv1,ajaxValue1) {
|
||
if(parent.document.getElementById("lianxiangStatus").value=="2")
|
||
{
|
||
if(jQuery.trim(ajaxValue1)=="") return false;
|
||
|
||
ajaxProperties = ajaxProperties1;
|
||
ajaxTableName = ajaxTableName1;
|
||
ajaxType = ajaxType1;
|
||
id = id1;
|
||
returnDiv = returnDiv1;
|
||
|
||
if(!checkStrNoDian(ajaxValue1)){
|
||
ajaxValue = ajaxValue1;
|
||
}else{
|
||
clearTimeout(set_Id);
|
||
alert('i18n_tcp.message.inputInfo_n81i');
|
||
$("#"+id).val('');
|
||
return;
|
||
}
|
||
clearTimeout(set_Id);
|
||
set_Id = setTimeout(ajaxForLianxiang,500);
|
||
}
|
||
}
|
||
|
||
function ajaxForLianxiang()
|
||
{
|
||
jQuery.post("<%=path%>/detection/switchDetection!queryInfoForAjax.do",
|
||
{"ajaxProperties":ajaxProperties,"ajaxTableName":ajaxTableName,"ajaxType":ajaxType,"ajaxValue":ajaxValue},function(data)
|
||
{
|
||
var lianxiangList = data.split(",");
|
||
jQuery("#"+id).suggest(lianxiangList,{hot_list:lianxiangList,attachObject:"#"+returnDiv});
|
||
if(lianxiangList == ''){
|
||
$("#"+id).css("color","#CBC0B6");
|
||
}else{
|
||
$("#"+id).css("color","#000000");
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
<script type="text/javascript">
|
||
function ieBrowser(){
|
||
if($.browser.msie){
|
||
if($.browser.version.split('.')[0]<=7){
|
||
return false;
|
||
}else{
|
||
return true;//ie8+
|
||
}
|
||
}
|
||
}
|
||
$(function(){
|
||
var dh = document.body.clientHeight;
|
||
var dhh = dh-60+"px;";
|
||
var tableHeight = $("#info").height();
|
||
if(tableHeight > dh-60){
|
||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:99%;font-size:12px;height: "+dhh);
|
||
if(ieBrowser()){
|
||
$("#info").attr("style","width:100%;");
|
||
}else{
|
||
$("#info").attr("style","width:98.5%;");
|
||
}
|
||
}else{
|
||
$("#maindiv").attr("style","clear:both;margin-left:6px;overflow-y:auto;overflow-x:auto;width:98%;font-size:12px;height: "+dhh);
|
||
$("#info").attr("style","width:100%;");
|
||
}
|
||
$("#info").floatHeaderDiv();
|
||
});
|
||
|
||
window.onresize = function(){
|
||
$("#info").floatHeader();//用于浏览器调整大小后 列表表头自动适应
|
||
}
|
||
|
||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||
var hght=0;//初始化滚动条总长
|
||
var topH=0;//初始化滚动条的当前位置
|
||
var pagePoint = ${pageNo};
|
||
var memoryData ;
|
||
var intervalID ;
|
||
var currentPage = 0; //当前页数
|
||
var currenttotalPage = 0; //总页数
|
||
$(function(){//DOM的onload事件
|
||
$("#maindiv").scroll( function() {//定义滚动条位置改变时触发的事件。
|
||
hght=this.scrollHeight;//得到滚动条总长，赋给hght变量
|
||
topH=this.scrollTop+this.clientHeight;//得到滚动条当前值，赋给top变量
|
||
});
|
||
intervalID = setInterval(function(){cando();},1000);//每隔2秒钟调用一次cando函数来判断当前滚动条位置。
|
||
function cando(){
|
||
currentPage = $("#currentPage").html();
|
||
currenttotalPage = $("#currenttotalPage").html();
|
||
if(Number(currentPage) < Number(currenttotalPage)){
|
||
if(topH!=0 && hght!=0 && topH == hght ){//判断滚动条当前位置是否超过总长的3/2，parseInt为取整函数
|
||
show();//如果是，调用show函数加载内容。
|
||
}
|
||
}else if(Number(currentPage) == Number(currenttotalPage)){
|
||
clearInterval(intervalID);
|
||
}
|
||
}
|
||
function show(){
|
||
hght=0;//恢复滚动条总长，因为$(”#mypage”).scroll事件一触发，又会得到新值，不恢复的话可能会造成判断错误而再次加载……
|
||
topH=0;//原因同上。
|
||
var nodeIp= $("#nodeIp").val();
|
||
var url2 = encodeURI("<c:url value='/detection/switchDetection.do?action=toConfigPortChild'/>&pageSize="+'${pageSize }'+"&pageNo="+(++pagePoint)+"&nodeIp="+nodeIp);
|
||
$.ajax({
|
||
url:url2,
|
||
type : "get",
|
||
async:false,
|
||
success : function(data) {
|
||
$("#info").append($(data));//用append方法追加内容到mypage元素。
|
||
$("#currentPage").html(pagePoint);//修改页码
|
||
$("#pageNo").val(pagePoint);
|
||
}
|
||
});
|
||
loadButton();
|
||
}
|
||
});
|
||
/*------ 滚动条滚动 延迟加载页面操作--------------*/
|
||
</script>
|
||
</head>
|
||
<body>
|
||
<div class="middle_list" id="box">
|
||
<!--中间部分右边开始-->
|
||
|
||
<form name="form3" id="form3"
|
||
action="<c:url value='/detection/switchDetection.do?action=toConfigPort'/>"
|
||
method="post" enctype="multipart/form-data">
|
||
<div class="box_1">
|
||
<label class="divTopText"><font class="selectText">i18n_tcp.text.nodeIp_n81i</font>：
|
||
<input type="text" id="nodeIp"
|
||
onkeyup="lianxiangkeyup('nodeIp','NodeTable','String','nodeIp','suggest1',this.value);"
|
||
name="nodeIp" title="i18n_tcp.message.nodeIp_n81i" value="${nodeIp}" size="20" />
|
||
<div id='suggest1' class="ac_results"></div></label>
|
||
<img id="queryBut" src="<c:url value='/images/button_chaxun.png'/>"
|
||
class="img_middle2" onclick="javascript:qry();" />
|
||
</div>
|
||
<div class="box_2">
|
||
<input type="button" class=btn3_mouseout
|
||
onmouseover="this.className='btn3_mouseover'"
|
||
onmouseout="this.className='btn3_mouseout'"
|
||
onmousedown="this.className='btn3_mousedown'"
|
||
onmouseup="this.className='btn3_mouseup'"
|
||
onclick="javascript:batchSave();" value="i18n_tcp.button.batchSave_n81i" />
|
||
</div>
|
||
<div id="maindiv">
|
||
<table width="90%" border="0" cellpadding="0" cellspacing="0"
|
||
class="table" align="center" style="clear: both" id="info">
|
||
<tr>
|
||
<td class="color_top" width="10%">
|
||
i18n_tcp.text.index_n81i
|
||
</td>
|
||
<td class="color_top" width="30%">
|
||
i18n_tcp.text.processIdenName_n81i
|
||
</td>
|
||
<td class="color_top" width="30%">
|
||
i18n_tcp.text.portState_n81i
|
||
<input type="checkbox" onclick="javascript:batchAllUpDown(1);"
|
||
value="UP" id="UP"/>
|
||
UP
|
||
<input type="checkbox" onclick="javascript:batchAllUpDown(2);"
|
||
value="DOWN" id="DOWN"/>
|
||
DOWN
|
||
</td>
|
||
<td class="color_top" width="30%">
|
||
i18n_tcp.text.option_n81i
|
||
</td>
|
||
</tr>
|
||
<c:choose>
|
||
<c:when test="${fn:length(nodeFigureInfoList) > 0}">
|
||
<c:set var="index" value="${1}" />
|
||
<c:forEach items="${nodeFigureInfoList}" var="nodeFigureInfo"
|
||
varStatus="vs">
|
||
<c:set var="color" value="color_1" />
|
||
<c:if test="${vs.count%2!=0 }">
|
||
<c:set var="color" value="color_3" />
|
||
</c:if>
|
||
<tr>
|
||
<td class="${color }">
|
||
${index+(pageNo-1)*pageSize}
|
||
</td>
|
||
<td class="${color }">
|
||
${nodeFigureInfo.nameFlag}
|
||
</td>
|
||
<td class="${color }">
|
||
<input type="hidden"
|
||
name="batchNodeFigureInfo[${index+(pageNo-1)*pageSize}].id"
|
||
value="${nodeFigureInfo.id }" />
|
||
<input type="radio"
|
||
name="batchNodeFigureInfo[${index+(pageNo-1)*pageSize}].portsetState"
|
||
value="1"
|
||
<c:if test="${nodeFigureInfo.portsetState !=2 }">checked</c:if> />
|
||
<font color="green">UP</font>
|
||
<input type="radio"
|
||
name="batchNodeFigureInfo[${index+(pageNo-1)*pageSize}].portsetState"
|
||
value="2"
|
||
<c:if test="${nodeFigureInfo.portsetState ==2 }">checked</c:if> />
|
||
<font color="red">DOWN</font>
|
||
</td>
|
||
<td class="${color }">
|
||
<input type="button" class=btn3_mouseout
|
||
onmouseover="this.className='btn3_mouseover'"
|
||
onmouseout="this.className='btn3_mouseout'"
|
||
onmousedown="this.className='btn3_mousedown'"
|
||
onmouseup="this.className='btn3_mouseup'"
|
||
onclick="javascript:save('${index+(pageNo-1)*pageSize}');" value="i18n_tcp.button.save_n81i" />
|
||
</td>
|
||
</tr>
|
||
<c:set var="index" value="${index + 1}" />
|
||
</c:forEach>
|
||
</c:when>
|
||
<c:otherwise>
|
||
<tr>
|
||
<td colspan="4" height="20" class="color_6" align="center"
|
||
style="color: #000000;">
|
||
i18n_tcp.text.noRecord_n81i
|
||
</td>
|
||
</tr>
|
||
</c:otherwise>
|
||
</c:choose>
|
||
</table>
|
||
</div>
|
||
<c:if test="${!empty nodeFigureInfoList}">
|
||
<jsp:include page="/common/page.jsp" />
|
||
</c:if>
|
||
<!--中间部分右边结束-->
|
||
</form>
|
||
</div>
|
||
</body>
|
||
</html>
|
||
|
||
|