一种新颖的展现数据的方法

 

JSP页面部分代码如下：

 

<table class="tbl_func" width="98%" style="margin-left: 1%;">
	<tr >
		<td style="vertical-align:top;" width="36%">
			<div style="height: 500px; overflow-y: scroll;">
				<c:forEach var="lineInfo" items="${requestScope.list}"> 
					<a onclick="getlineInfo(this)">${lineInfo.lineName}</a>
					<input type="hidden" value="${lineInfo }"/>
					<br/>
				</c:forEach>
			</div>
		</td>
		<td width="64%" style="vertical-align: top;">
<table class="tbl_func" width="100%"> 
	<tr>
	        <th>主键ID</th>
	        <td id="id">${lineInfo.id }</td>
	</tr>
	<tr>
		<th>发布单位</th>
		<td id="travel">${lineInfo.travel }</td>
	</tr>
	<tr>
		<th>线路名称</th>
		<td id="lineName">${lineInfo.lineName }</td>
	</tr>
	<tr>
		<th>线路图片路径</th>
		<td id="imgurl">${lineInfo.imgurl }</td>
	</tr>
	<tr>
		<th>费用</th>
		<td id="cost">${lineInfo.cost }</td>
	</tr>
	<tr>
		<th>电话</th>
		<td id="tel">${lineInfo.tel }</td>
	</tr>
</table>
</table>
<script type="text/javascript">
			function getlineInfo(a)
			{
		       var lineInfo = eval("("+$(a).next().val()+")");
                $("#id").text(lineInfo.id);
   				$("#travel").text(lineInfo.travel);
   				$("#lineName").text(lineInfo.lineName);
   				$("#imgurl").text(lineInfo.imgurl);
   				$("#cost").text(lineInfo.cost);
   				$("#tel").text(lineInfo.tel);
			}
</script>

 

该页面是action的返回页面，并且还返回了一个List<LineInfo>。LineInfo实体类要重写toString()方法，写成  {a:value1,b:value2,c:value3,.....}的形式。

类似的效果图见附件!