`
ITCheng
  • 浏览: 75873 次
  • 来自: 北京
社区版块
存档分类
最新评论

foreach循环遍历表格,一行2个

    博客分类:
  • Jsp
阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>ShowInverterList</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="css/stationList.css" type="text/css" />
<script type="text/javascript">
	function detailStation(stationId) {
		location.href="<%=basePath%>UserAction_0004!doQueryStations?stationId="+ stationId;
	}
</script>
</head>
<body>
	<center>
		<table>
			<c:forEach begin="0" step="2" varStatus="i" var="station"
				items="${stations }">
				<tr>
					<td><div class="left_content">
							<h2>
								<a href="#"><c:out value="${station.stationName }"></c:out>
								</a>
							</h2>
							<p>
								<img src="images/pic.png" border="0" /><font
									style="font-family: Arial;color:#68B8FF;"><b>Station
										Name:</b> </font><font style="font-family:Arial;color:#666666;">&nbsp;<c:out
										value="${station.stationName }"></c:out> </font><br /> <font
									style="font-family: Arial;color:#68B8FF;"><b>Online
										Time:</b> </font><font style="font-family:Arial;color:#666666;">&nbsp;<fmt:formatDate
										value="${station.onlineTime }" pattern="yyyy-MM-dd" /> </font><br />
								<font style="font-family: Arial;color:#68B8FF;"><b>System
										Power(kWp):</b> </font><font style="font-family:Arial;color:#666666;">&nbsp;<c:out
										value="${station.ratedPower }"></c:out> </font> <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								<input
									style="background-image: url('images/btn.png');width: 37px;height: 28px;border: 0px;cursor: pointer;"
									type="button" onclick="detailStation('${station.stationId}')" />
							</p>
						</div>
					</td>
					<c:if test="${i.index<fn:length(stations)-1}">
						<td><div class="left_content">
								<h2>
									<a href="#"><c:out
											value="${stations[i.count*2-1].stationName }"></c:out> </a>
								</h2>
								<p>
									<img src="images/pic.png" border="0" /><font
										style="font-family: Arial;color:#68B8FF;"><b>Station
											Name:</b> </font><font style="font-family:Arial;color:#666666;">&nbsp;<c:out
											value="${stations[i.count*2-1].stationName }"></c:out> </font><br />
									<font style="font-family: Arial;color:#68B8FF;"><b>Online
											Time:</b> </font><font style="font-family:Arial;color:#666666;">&nbsp;<fmt:formatDate
											value="${stations[i.count*2-1].onlineTime }"
											pattern="yyyy-MM-dd" /> </font><br /> <font
										style="font-family: Arial;color:#68B8FF;"><b>System
											Power(kWp):</b> </font><font style="font-family:Arial;color:#666666;">&nbsp;<c:out
											value="${stations[i.count*2-1].ratedPower }"></c:out> </font> <br />
									&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input
										style="background-image: url('images/btn.png');width: 37px;height: 28px;border: 0px;cursor: pointer;"
										type="button"
										onclick="detailStation('${stations[i.count*2-1].stationId}')" />
								</p>
							</div>
						</td>
					</c:if>
				</tr>
			</c:forEach>
		</table>
	</center>
</body>
</html>

 <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
 获得集合或者数组长度:fn:length(stations)

分享到:
评论

相关推荐

    PHP中多维数组的foreach遍历示例

    中层的foreach循环遍历第一个维度中的二维数组,而内层的foreach循环则遍历二维数组中的每一个元素。 在输出表格时,我们首先创建一个table标签,并为其设置了居中、边框及宽度属性。通过caption标签添加了一个标题...

    php对关联数组循环遍历的实现方法

    接着使用foreach循环遍历这个数组,并在循环体中通过echo语句输出每个元素的键(人名)和值(年龄),键和值之间用等号连接,并且每个输出后换行。 在输出时,`echo $name . "=" . $value;` 利用了点(`.`)运算符...

    ASP.NET中GridView、DataList、DataGrid三个数据控件foreach遍历用法示例

    使用foreach循环遍历GridView时,我们需要访问每一行(GridViewRow)并找到特定的控件,例如: ```csharp foreach (GridViewRow row in GridView1.Rows) { CheckBox cb = (CheckBox)row.FindControl("CheckBox2");...

    PHP程序设计-3期(KC016) 2.6.8循环控制6双重循环常见问题.docx

    - 数据处理:处理二维数组时,外层循环遍历数组的行,内层循环遍历列,实现对每个元素的操作。 - 文件系统遍历:在文件系统中,外层循环遍历目录,内层循环遍历目录中的文件。 理解并熟练掌握双重循环是PHP编程...

    js实现遍历含有input的table实例

    在这个例子中,表格的每一行都有一个文本输入框,用于用户编辑数据。当用户点击“更新”链接时,会调用`editRow`函数,传入当前行的索引,以便获取并处理该行的输入数据。 JavaScript部分如下: ```javascript ...

    Table相同行合并,数量汇总

    我们可以使用JavaScript的`for`循环或者`forEach`方法来遍历表格的每一行(tr)和每一单元格(td)。在遍历过程中,我们需要比较当前单元格的数据与前一行的数据是否相同。如果相同,我们就将当前行的单元格与前一行...

    如何在 JavaScript 中迭代表行.docx

    3. **迭代行元素**:使用`forEach`循环遍历每一行并执行操作。或者,你可以使用传统的`for`循环进行迭代。 ```javascript rows.forEach(function(row) { // 在这里对每一行执行操作,如修改样式、获取数据等 });...

    Yii遍历行下每列数据的方法

    外层循环遍历区域数组,为每一个区域生成一行,内层循环则遍历每一个区域下的球队数组,生成对应的单元格。具体的代码如下: ```php ;"&gt; &lt;?php foreach($region as $key =&gt; $v1): ?&gt; &lt;td&gt;&lt;?php echo $v1['region_...

    循环本地文件夹中的DBF文件的值。

    在这段代码中,`DBFTable`对象表示一个DBF文件,`DBFRecord`对象代表文件中的每一行记录,你可以通过字段名("Field1", "Field2"等)访问记录中的值。 值得注意的是,DBF文件可能包含不同类型的字段,如字符、数字...

    探讨php中遍历二维数组的几种方法详解

    在这个例子中,第一个foreach循环遍历二维数组的每个元素,并打印出姓名、年龄和性别。第二个嵌套的foreach循环用于遍历每个子数组的值。 尽管这里只介绍了for循环和foreach循环两种方法,但在实际开发中还可以通过...

    用js驱动产生条纹式表格

    2. **遍历表格行**:然后,我们需要遍历表格的所有行。可以使用`querySelectorAll('tr')`获取所有行,并通过`forEach`或其他循环结构进行迭代。 3. **设置样式**:对于每行,我们可以检查其行号(在JavaScript中,...

    JavaScript的Table表格对象

    - `forEach`循环可以方便地遍历表格集合,如`table.rows.forEach(function(row) {...})`。 在实际应用中,JavaScript的Table表格对象还可以结合Ajax实现异步数据加载,或者使用框架如jQuery、React、Vue等进行更...

    易语言办公组件填表格

    这通常涉及到循环结构,例如foreach循环,用于依次处理表格的每一行或每一列。 4. **事件驱动编程**:易语言支持事件驱动编程模型,允许我们根据用户的交互行为(如点击按钮)来执行特定的操作,比如填充表格。我们...

    07-DOM操作表格

    5. **遍历表格**:使用`for`循环或`forEach()`遍历表格元素,可以访问每个单元格并进行操作。例如,遍历所有单元格可以这样写: ```javascript var cells = document.querySelectorAll('#myTable td'); cells....

    PHP二维索引数组的遍历实例分析【2种方式】

    $row++)`循环遍历数组的每一行,而内层的`for ($col = 0; $col ($arr[$row]); $col++)`循环则遍历每行中的所有元素。在实际应用中,这样的结构很适合处理表格数据,例如,显示多行多列的数据。 接下来,我们介绍第...

    PHP程序设计-3期(KC016) 3.1.1二维数组拓展知识.doc

    遍历二维数组通常需要用到嵌套循环,外层循环用于遍历每一行(即每一个一维数组),内层循环用于遍历每一行中的各个元素。以下是如何遍历上述二维数组并输出信息的示例: ```php foreach ($people as $person) { ...

    KnockoutJS 3.X API 第四章之数据控制流foreach绑定

    foreach 绑定特别适用于需要循环显示数组中每个元素的场景,例如在一个表格或列表中展示一系列数据。当监控的数组属性发生变化时,foreach 绑定会自动更新 UI,例如当向数组中添加、删除或重新排序项目时,相应的 ...

    C#实现的读取CAD表格文字

    4. **遍历表格和单元格**:一旦找到目标表格,可以遍历其行和列,访问每个单元格(AcadCell)。通过`Cell.TextString`属性,我们可以读取到单元格中的文字。 5. **处理文字编码**:CAD中的文字可能包含特殊字符和多...

    php二维数组采集例子

    2. **遍历二维数组**:遍历二维数组通常需要用到两个嵌套的foreach循环,外层循环遍历每一行,内层循环遍历每行的元素。 ```php foreach ($students as $student) { foreach ($student as $key =&gt; $value) { echo...

Global site tag (gtag.js) - Google Analytics