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

src/main/webapp/WEB-INF/sitemesh3.xml

@@ -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>

src/main/webapp/WEB-INF/views/cfg/website/httpList.jsp

@@ -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>

src/main/webapp/WEB-INF/views/cfg/website/httpSubList.jsp

@@ -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>

src/main/webapp/WEB-INF/views/cfg/website/sslList.jsp

@@ -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>

src/main/webapp/WEB-INF/views/cfg/website/sslSubList.jsp

@@ -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>

src/main/webapp/static/global/scripts/common.js

@@ -474,3 +474,14 @@ function delAreaIsp(obj){
 		});
 	}
 }
+//切换配置列表中显示子配置的选项卡样式
+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");
+}