roadlist.jsp

来自「Java的框架」· JSP 代码 · 共 152 行

JSP
152
字号
<%@ include file="/common/taglibs.jsp"%>

<c:url var="roadWindowUrl" value="/popup/roadsAlphabetSort.action"/>

<head>
	<script language="JavaScript">	
		//Flg to disable the body unload that calls remlink that remove
		//the parent-child window reference when body is reloaded after
		//sorting alphabetically link is clicked
		var isFormSubmit = false;

		var bboxStr = '<c:out value="${road.bbox}"/>';
		var roadId = '<c:out value="${road.id}"/>';
		var roadName = '<c:out value="${road.name}"/>';
		
<c:choose>
	<c:when test="${map == 'mb'}">
		//Get the Bbox in a form of array
		function getBbox(bbox){
			if ((bbox==null) || (bbox=="")) return null;
			var newBbox = bbox.replace("BOX(","").replace(")","").replace(/(\s)/g, ",");
			var bboxArray = new Array();
			bboxArray     = newBbox.split(",");
			var ul = new Array(parseFloat(bboxArray[0]),parseFloat(bboxArray[3]));
			var lr = new Array(parseFloat(bboxArray[2]),parseFloat(bboxArray[1]));
			return new Array(ul,lr);
		}
	</c:when>
	<c:otherwise>
		//Get the Bbox in a form of array
		function getBbox(bbox){
			if ((bbox==null) || (bbox=="")) return null;
			return bbox.replace("BOX(","").replace(")","").replace(/(\s)/g, ",");
		}
	</c:otherwise>
</c:choose>

		//To zoom the map to the bbox of the selected road in current and parent form
		function pick(roadName,roadId,bboxStr) {
			document.getElementById("roadName").innerHTML = "Selected road : " + roadName;
	    	var bbox = getBbox(bboxStr);
		  	if (window.opener && !window.opener.closed){
			    window.opener.document.forms["roadDefectForm"].elements["road.name"].value = roadName;
			    window.opener.document.forms["roadDefectForm"].elements["road.id"].value = roadId;
			    //window.opener.zoomToBox(bbox[0],bbox[1]);
			    window.opener.zoomToBox(bbox);
		  	}
		}
		
		//To submit a request to get a alphabetically sorted list of roads
		function sort(alphabet){
			isFormSubmit = true;
			window.location = "<c:out value="${roadWindowUrl}"/>?roadName="+alphabet;
		}
		
		//Perform cleanup of function pointer and windows references
		function doUnload(){
			if (window.opener && window.opener.open && !window.opener.closed){
				if (!isFormSubmit) window.opener.remLink();
			}
		}
						
	</script>
</head>

<body onUnload="doUnload();" >
	<form name="roadList">		
	<table>
		<tr>
			<td>
			</td>
			<td align="right"><input type="button" value="Close" onclick="window.close();"/>
			</td>
		</tr>
		<tr>
			<td colspan="2">
				<h3 id="roadName">
					<c:choose> 
						<c:when test="${empty road}">
							<c:out value="Select road name from the list :"/>
						</c:when>
						<c:otherwise>
							<c:out value="Selected road : ${road.name}"/>
						</c:otherwise>
					</c:choose> 
				</h3>
			</td>
		</tr>
		<tr>
			<td colspan="2" align="center">
				<a href="javascript:sort('A')">A</a>&nbsp;
				<a href="javascript:sort('B')">B</a>&nbsp;
				<a href="javascript:sort('C')">C</a>&nbsp;
				<a href="javascript:sort('D')">D</a>&nbsp;
				<a href="javascript:sort('E')">E</a>&nbsp;
				<a href="javascript:sort('F')">F</a>&nbsp;
				<a href="javascript:sort('G')">G</a>&nbsp;
				<a href="javascript:sort('H')">H</a>&nbsp;
				<a href="javascript:sort('I')">I</a>&nbsp;
				<a href="javascript:sort('J')">J</a>&nbsp;
				<a href="javascript:sort('K')">K</a>&nbsp;
				<a href="javascript:sort('L')">L</a>&nbsp;
				<a href="javascript:sort('M')">M</a>&nbsp;
				<a href="javascript:sort('N')">N</a>&nbsp;
				<a href="javascript:sort('O')">O</a>&nbsp;
				<a href="javascript:sort('P')">P</a>&nbsp;
				<a href="javascript:sort('Q')">Q</a>&nbsp;
				<a href="javascript:sort('R')">R</a>&nbsp;
				<a href="javascript:sort('S')">S</a>&nbsp;
				<a href="javascript:sort('T')">T</a>&nbsp;
				<a href="javascript:sort('U')">U</a>&nbsp;
				<a href="javascript:sort('V')">V</a>&nbsp;
				<a href="javascript:sort('W')">W</a>&nbsp;
				<a href="javascript:sort('X')">X</a>&nbsp;
				<a href="javascript:sort('Y')">Y</a>&nbsp;
				<a href="javascript:sort('Z')">Z</a>&nbsp;
			</td>
		</tr>
		<tr><td colspan="2">&nbsp;</td></tr>
		<tr>
			<td colspan="2">
				<mcaps:userPreference key="roadPageSize" name="roadPageSize" scope="page"/>
				<display:table name="${requestScope.roadList}" cellspacing="0" cellpadding="0" requestURI="" 
					defaultsort="1" id="road"	pagesize="${roadPageSize}" class="list roadList" export="false">
	    			
	    			<%-- Table columns --%>

					<%-- display:column property="name" sortable="true" headerClass="sortable"  
    					href="${pickUrl}" titleKey="roadDefect.id"/ --%>    		
					<display:column sortable="true" headerClass="sortable" titleKey="roadDefect.id">
	   					<c:set var="pickUrl" value="javascript:pick('${road.name}','${road.id}','${road.bbox}');" />
						<a href="${pickUrl}">${road.name}</a>
					</display:column>

		   		<display:setProperty name="paging.banner.page.link" 
    				value="<a href=\"{1}\" title=\"Go to page {0}\" onclick=\"isFormSubmit = true;\">{0}</a>"/>
    
				</display:table>
			</td>
		</tr>
	</table>
	<script type="text/javascript">
	<!--
		//highlightTableRows("road");
		
		//-->
	</script>
	</form>
</body>
	
		

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?