数据列表中的查看子配置选项卡切换公共JS提取至js文件

This commit is contained in:
zhangwei
2018-06-01 09:51:18 +08:00
parent 56151dfad9
commit 369e82449a
6 changed files with 19 additions and 31 deletions

View File

@@ -20,7 +20,7 @@
<!-- 排除,不进行装饰的路径 -->
<mapping path="/javadoc/*" exclue="true"/>
<mapping path="/brochures/*" exclue="true"/>
<mapping path="/nis/ntc/website/ajaxHttpSubList" exclue="true"/>
<mapping path="/nis/ntc/website/ajax*" exclue="true"/>
<!-- 对同一路径,启用多个装饰器 -->
<mapping>

View File

@@ -78,17 +78,6 @@
});
});
function switchInfo(flag,index){
$("div[name='subCfg"+index+"']").hide();
$("div[id='"+flag+"Info"+index+"']").show();
$("div[name='tabTitle"+index+"']").removeClass("badge-info");
$("div[id='"+flag+"Title"+index+"']").addClass("badge-info");
$("i[name='tabFlag"+index+"']").addClass("fa-angle-double-up");
$("i[name='tabFlag"+index+"']").removeClass("fa-angle-double-down");
$("i[id='"+flag+index+"']").addClass("fa-angle-double-down");
$("i[id='"+flag+index+"']").removeClass("fa-angle-double-up");
}
</script>
</head>

View File

@@ -11,7 +11,7 @@
</style>
</head>
<c:if test="${fn:length(_cfg.ipPortList)>0}">
<div id="ipTitle${index}" onclick="switchInfo('ip',${index})"
<div id="ipTitle${index}" onclick="switchSubCfgTabInfo('ip',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }">
<spring:message code='http_ip_title' />
<i id="ip${index}" class="fa" name="tabFlag${index}"></i>
@@ -19,35 +19,35 @@
</div>
</c:if>
<c:if test="${fn:length(_cfg.httpUrlList)>0}">
<div id="urlTitle${index}" onclick="switchInfo('url',${index})"
<div id="urlTitle${index}" onclick="switchSubCfgTabInfo('url',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }">
<spring:message code='http_url_title' />
<i id="url${index}" class="fa" name="tabFlag${index}"></i>
</div>
</c:if>
<c:if test="${fn:length(_cfg.httpReqHdrList)>0}">
<div id="reqHdrTitle${index}" onclick="switchInfo('reqHdr',${index})"
<div id="reqHdrTitle${index}" onclick="switchSubCfgTabInfo('reqHdr',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }">
<spring:message code='http_req_hdr_title' />
<i id="reqHdr${index}" class="fa" name="tabFlag${index}"></i>
</div>
</c:if>
<c:if test="${fn:length(_cfg.httpReqBodyList)>0}">
<div id="reqBodyTitle${index}" onclick="switchInfo('reqBody',${index})"
<div id="reqBodyTitle${index}" onclick="switchSubCfgTabInfo('reqBody',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }">
<spring:message code='http_req_hdr_title' />
<i id="reqBody${index}" class="fa" name="tabFlag${index}"></i>
</div>
</c:if>
<c:if test="${fn:length(_cfg.httpResHdrList)>0}">
<div id="resHdrTitle${index}" onclick="switchInfo('resHdr',${index})"
<div id="resHdrTitle${index}" onclick="switchSubCfgTabInfo('resHdr',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }">
<spring:message code='http_res_hdr_title' />
<i id="resHdr${index}" class="fa" name="tabFlag${index}"></i>
</div>
</c:if>
<c:if test="${fn:length(_cfg.httpResBodyList)>0}">
<div id="resBodyTitle${index}" onclick="switchInfo('resBody',${index})"
<div id="resBodyTitle${index}" onclick="switchSubCfgTabInfo('resBody',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }">
<spring:message code='http_res_body_title' />
<i id="resBody${index}" class="fa" name="tabFlag${index}"></i>

View File

@@ -77,18 +77,6 @@
$("#"+closeId).parent().parent().next("tr").hide();
});
});
function switchInfo(flag,index){
$("div[name='subCfg"+index+"']").hide();
$("div[id='"+flag+"Info"+index+"']").show();
$("div[name='tabTitle"+index+"']").removeClass("badge-info");
$("div[id='"+flag+"Title"+index+"']").addClass("badge-info");
$("i[name='tabFlag"+index+"']").addClass("fa-angle-double-up");
$("i[name='tabFlag"+index+"']").removeClass("fa-angle-double-down");
$("i[id='"+flag+index+"']").addClass("fa-angle-double-down");
$("i[id='"+flag+index+"']").removeClass("fa-angle-double-up");
}
</script>
</head>

View File

@@ -12,7 +12,7 @@
</head>
<c:forEach items="${tabList}" var="region" varStatus="regionStatus">
<div id="${region[1]}Title${index}" onclick="switchInfo('${region[1]}',${index})"
<div id="${region[1]}Title${index}" onclick="switchSubCfgTabInfo('${region[1]}',${index})"
class="col-md-1 tabInfo" name="tabTitle${index }">
<spring:message code='${region[1]}' />
<i id="${region[1]}${index}" class="fa" name="tabFlag${index}"></i>

View File

@@ -473,4 +473,15 @@ function delAreaIsp(obj){
len--;
});
}
}
//切换配置列表中显示子配置的选项卡样式
function switchSubCfgTabInfo(flag,index){
$("div[name='subCfg"+index+"']").hide();
$("div[id='"+flag+"Info"+index+"']").show();
$("div[name='tabTitle"+index+"']").removeClass("badge-info");
$("div[id='"+flag+"Title"+index+"']").addClass("badge-info");
$("i[name='tabFlag"+index+"']").addClass("fa-angle-double-up");
$("i[name='tabFlag"+index+"']").removeClass("fa-angle-double-down");
$("i[id='"+flag+index+"']").addClass("fa-angle-double-down");
$("i[id='"+flag+index+"']").removeClass("fa-angle-double-up");
}