如何使用Spring MVC制作包含复选框的下拉列表?

时间:2014-08-25 11:57:09

标签: html spring checkbox

我需要做类似http://i.stack.imgur.com/BHyyx.png的事情,但我怎么能用spring的标签呢?我可以输入form:selectform:option一个复选框吗?

1 个答案:

答案 0 :(得分:2)

如果我们使用JSTL并创建所需的html,我们就可以执行此操作。使用bootstrap.jsbootstrap.css。我们可以下载它们并从互联网上添加我们的春季项目。

示例就在这里。

Checkbox dropdown

<%@ 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标签,但我只知道这种方式,所以我与你分享。可能有人可能知道并会发布更好的答案。但是这种方式可能对我们有所帮助,直到我们有适当的弹簧标签方式。