您的位置:首页 > Web前端 > JavaScript

JSTL中<c:forEach>标签使用范例

2015-07-09 11:54 706 查看
c:forEach 标签用于通用数据循环,它有以下属性

属 性 描 述 是否必须 缺省值

items 进行循环的项目 否 无

begin 开始条件 否 0

end 结束条件 否 集合中的最后一个项目

step 步长 否 1

var 代表当前项目的变量名 否 无

varStatus 显示循环状态的变量 否 无

用c:forEach 中vaStatus的属性可以获得迭代的自身状态,如:

<c:forEach var="" items="" varStatus="status">
<c:out value="${status.current}"/> 当前对象
<c:out value="${status.index}"/> 此次迭代的索引
<c:out value="${status.count}"/> 已经迭代的数量
<c:out value="${status.first}"/> 是否是第一个迭代对象
<c:out value="${status.last}"/> 是否是最后一个迭代对象
</c:forEach>


范例

1,填充下拉列表数据

<select name="parentId" id="parentId"  style="width: 150px;" panelHeight="auto" class="easyui-combobox" data-options="editable:false,required:true">
<option value="0">无</option>
<c:forEach items="${parentColumnList}" var="item">
<option value="${item.id}">${item.name}</option>
</c:forEach>
</select>


2,循环输出列表中的数据

<c:forEach items="${conferenceEmpList }" var="item" varStatus="status">
<c:if test="${!status.last}"> ${item.employeeName}, </c:if>
<c:if test="${status.last}">${item.employeeName}</c:if>
</c:forEach>


3,使用varStatus的count显示序号

<c:forEach items="${todoList}" var="item" varStatus="status" >
<li class="box">
<div class="cbo">
<span class="tit">${status.count }.${item.name }</span>
<span class="fr mr50">
<c:if test="${item.status eq '0' }"><span class="red mr40">未开启</span></c:if><c:if test="${item.status eq '1' }"><span class="blue mr40">进行中</span></c:if><c:if test="${item.status eq '2' }"><span class="green mr40">已完成</span></c:if><a href="javascript:;" class="btn-slide"><img src="${ctx}/images/main/blank.gif" /></a>
</span>
</div>
<div class="project_panel" style="display: none;">
<ul>
<li style="border-bottom:solid 1px #7ecef4;">承办人:${item.undertaker }</li>
<li><div class="cbo lh200 pt10"><span class="f14">开始时间:<fmt:formatDate value="${item.startTime }" pattern="yyyy-MM-dd"/></span><span class="ml30 f14">结束时间:<fmt:formatDate value="${item.endTime }" pattern="yyyy-MM-dd"/></span></div>
<span class="left">备注:</span><p>${item.remark }</p>
</li>
</ul>
</div>
</li>
</c:forEach>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: