JSTL标签显示动态控件

项目中有一个页面，控件的个数是不确定的
选择的业务对象不同，需要的控件个数不同，根据后台返回的数据，显示页面控件
用JSTL循环实现，样式是设计好的，每一行3个控件

<div class="searchStyle"><div class="searchTitleStyle"><button class="searchTitleFontStyle">其他信息</button></div><div class="searchContentStyle"><%--总数量--%><c:set var="total" value="0"/><c:forEach items="${sbimds}" var="t" varStatus="status"><c:set var="total" value="${status.index+1}"/></c:forEach><%--总组数--%><c:set var="outForeachNumber" value="${Math.ceil(total / 3)}"/><%--外循环--%><c:forEach var="i" begin="1" end="${outForeachNumber}" varStatus="statusOut"><c:set var="nowNumber" value="${statusOut.index}"/><c:choose><c:when test="${nowNumber==1}"><div class="searchContentRowTopStyle"><div class="boxStyle rowleft"></div><%--内循环--%><c:forEach items="${sbimds}" var="t" varStatus="statusTop"><c:set var="frontIndex" value="${statusTop.index+1}"/><c:if test="${frontIndex<=3}"><%--选择框--%><c:if test="${t.dataInputTypeEnum.value eq 3}"><div><label path="" class="labelStyle">${t.sampBizFieldTitle}:</label></div><div class="controls" title="请选择"><select id="ext.${t.sampBizFieldCode}" name="ext.${t.sampBizFieldCode}"class="inputStyle"><c:forEach items="${t.comboDatas}" var="map1"><c:forEach items="${map1}" var="c"><option value="${c.key}" ${c.key eq m.customerId?'selected="selected"':''}>${c.value}</option></c:forEach></c:forEach></select></div></c:if><%--日期--%><c:if test="${t.sampBizFieldTypeEnum.value eq '2'}"><div><label path="" class="labelStyle">${t.sampBizFieldTitle}:</label></div><div class="controls input-append date"><input id="ext.${t.sampBizFieldCode}" name="ext.${t.sampBizFieldCode}"data-format="yyyy-MM-dd hh:mm:ss"data-position="bottom-left"placeholder="请选择时间"cssClass="validate[required]"class="inputStyle"/><span class="add-on"><i data-time-icon="icon-time"data-date-icon="icon-calendar"></i></span></div></c:if><%--数字--%><c:if test="${t.sampBizFieldTypeEnum.value eq '1' and t.dataInputTypeEnum.value ne '3'}"><div><label path="" class="labelStyle">${t.sampBizFieldTitle}:</label></div><div class="controls"><input type="number" id="ext.${t.sampBizFieldCode}"name="ext.${t.sampBizFieldCode}"step="0.01" class="inputStyle"/></div></c:if><%--字符串--%><c:if test="${t.sampBizFieldTypeEnum.value eq '0' and t.dataInputTypeEnum.value ne '3'}"><div><label path="" class="labelStyle">${t.sampBizFieldTitle}:</label></div><div class="controls"><input id="ext.${t.sampBizFieldCode}" name="ext.${t.sampBizFieldCode}"type="text"class="inputStyle"/></div></c:if></c:if></c:forEach><div class="rowright"></div></div></c:when><c:otherwise><div class="searchContentRowMiddleStyle"><div class="boxStyle rowleft"></div><%--外循环--%><c:set var="beginIndex" value="${nowNumber*3-2}"/><c:set var="endIndex" value="${nowNumber*3}"/><c:forEach items="${sbimds}" var="t" varStatus="statusMiddle"><c:set var="frontIndex" value="${statusMiddle.index+1}"/><c:if test="${frontIndex>=beginIndex && frontIndex<=endIndex}"><%--选择框--%><c:if test="${t.dataInputTypeEnum.value eq 3}"><div><label path="" class="labelStyle">${t.sampBizFieldTitle}:</label></div><div class="controls" title="请选择"><select id="ext.${t.sampBizFieldCode}" name="ext.${t.sampBizFieldCode}"class="inputStyle"><c:forEach items="${t.comboDatas}" var="map1"><c:forEach items="${map1}" var="c"><option value="${c.key}" ${c.key eq m.customerId?'selected="selected"':''}>${c.value}</option></c:forEach></c:forEach></select></div></c:if><%--日期--%><c:if test="${t.sampBizFieldTypeEnum.value eq '2'}"><div><label path="" class="labelStyle">${t.sampBizFieldTitle}:</label></div><div class="controls input-append date"><input id="ext.${t.sampBizFieldCode}" name="ext.${t.sampBizFieldCode}"data-format="yyyy-MM-dd hh:mm:ss"data-position="bottom-left"placeholder="请选择时间"cssClass="validate[required]"class="inputStyle"/><span class="add-on"><i data-time-icon="icon-time"data-date-icon="icon-calendar"></i></span></div></c:if><%--数字--%><c:if test="${t.sampBizFieldTypeEnum.value eq '1' and t.dataInputTypeEnum.value ne '3'}"><div><label path="" class="labelStyle">${t.sampBizFieldTitle}:</label></div><div class="controls"><input type="number" id="ext.${t.sampBizFieldCode}"name="ext.${t.sampBizFieldCode}"step="0.01" class="inputStyle"/></div></c:if><%--字符串--%><c:if test="${t.sampBizFieldTypeEnum.value eq '0' and t.dataInputTypeEnum.value ne '3'}"><div><label path="" class="labelStyle">${t.sampBizFieldTitle}:</label></div><div class="controls"><input id="ext.${t.sampBizFieldCode}" name="ext.${t.sampBizFieldCode}"type="text"class="inputStyle"/></div></c:if></c:if></c:forEach><div class="rowleft"></div></div></c:otherwise></c:choose></c:forEach></div>
</div>

JSTL标签显示动态控件相关推荐

JSTL标签显示分页
JSTL显示分页页面表格的分页显示,通过JSTL标签实现页面效果代码如下 // 分页显示 <div class="table-pagination tablePageStyle ...
JavaWeb（五）之JSTL标签库
前言前面介绍了EL表达式,其实EL表达式基本上是和JSTL核心标签库搭配一起使用才能发挥效果的.接下来让我们一起来认识一下吧! 在之前我们学过在JSP页面上为了不使用脚本,所以我们有了JSP内置的行 ...
jsp基础、el技术、jstl标签、javaEE的开发模式
一.jsp技术基础 1．jsp脚本和注释 jsp脚本: 1)<%java代码%> ----- 内部的java代码翻译到service方法的内部 2)<%=java变量或表达式> ...
Java Web - EL表达式和JSTL标签库
在使用servlet和jsp的过程中,两者之间的数据流转是十分常见的,jsp实际上也是一种servlet,也就是两个servlet之间的数据流转,我们根据不同的使用场景选择使用,请求转发(在reque ...
JSP JSTL标签库基本使用
下载如下库,把下面两个jar: 拷贝到如下目录: 把如下tld文件, 拷贝到如下目录: 做一个jsp: <%@ page language="java" contentTyp ...
【HM】第11课：JSTL标签+JSP开发模式
<pre> day11 昨天内容回顾 (1)jsp *jsp的三个指令 *jsp里面九个内置对象 request response session config application e ...
Java-Web JSTL标签库、自定义标签库和MVC设计模式
目录一.JSTL标签库 1.什么是JSTL 2.JSTL标签库 3.使用taglib指令导入标签库 4.core标签库常用标签 (1)out和set (2)remove (3)url (4)if ( ...
java el表达式 if else_jsp EL表达式和JSTL标签if-else if-else用法
java web javaEE ,jsp EL表达式和JSTL标签if-else if-else四种用法一.条件运算符 ${user.gender==?'男':'女'} 二.if() code.. ...
自定义EL函数、自定义JSTL标签
自定义EL函数 1.做一个类(静态) package com.maya.el;public class ELBiaoDaoShi {public static String TiHuan(String ...

JSTL标签显示动态控件

JSTL标签显示动态控件相关推荐

最新文章

热门文章