我需要做类似http://i.stack.imgur.com/BHyyx.png的事情,但我怎么能用spring的标签呢?我可以输入form:select
或form:option
一个复选框吗?
答案 0 :(得分:2)
如果我们使用JSTL
并创建所需的html
,我们就可以执行此操作。使用bootstrap.js
和bootstrap.css
。我们可以下载它们并从互联网上添加我们的春季项目。
示例就在这里。
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
//import bootstrap js and css
<script src="../js/bootstrap/bootstrap.js" type="text/javascript"></script>
<link href="../themes/bootstrap/bootstrap.css" rel="stylesheet" type="text/css" />
//your form goes here
<form id="searchform" method="get" action="">
<div align="center">
<div class="input-group">
<div class="input-group-btn">
<button tabindex="-1" class="btn btn-default" type="button">Select
Designation :</button>
<button tabindex="-1" data-toggle="dropdown"
class="btn btn-default dropdown-toggle" type="button">
<span class="caret"></span>
</button>
<ul role="menu" class="dropdown-menu" style="vertical-align: top;">
<li style="vertical-align: top;"> <input id="all" name="all" type="checkbox" style="width:30px;height:auto;cursor: pointer;"><label
style="vertical-align: middle;width:100%;cursor: pointer;;" for="all" > All</label>
</li>
<li class="divider"></li>
<c:forEach items="${designationList}" var="d" varStatus="status">
<li style="vertical-align: top;"><input id="${d.id}" name="${d.id}" type="checkbox" style="width:30px;height:auto;cursor: pointer;"> <label
for="${d.id}" class="lbl" style="color: #489D1F;vertical-align: middle;width:100%;cursor: pointer;"> ${d.designation}</label>
</li>
</c:forEach>
</ul>
</div>
</div>
</form>
免责声明: 我不知道是否可以使用Spring标签,但我只知道这种方式,所以我与你分享。可能有人可能知道并会发布更好的答案。但是这种方式可能对我们有所帮助,直到我们有适当的弹簧标签方式。