Thymeleaf常见用法

Thymeleaf下拉框回显：

 

<div class="form-group draggable">
    <label class="col-sm-3 control-label">bizMch：</label>
    <div class="col-sm-8">
        <select class="form-control" name="bizMchId" id="bizMchId">
            <option  th:each="bizMch:${list}" th:selected="${bizMch.bizMchId==homeMap.bizMchId}"
                     th:value="${bizMch.bizMchId}" th:text="${bizMch.name}"
                     ></option>
        </select>
    </div>
</div>

 

下拉框（session版）：

 

<div class="form-group draggable">
   <label class="col-sm-3 control-label">bizMch：</label>
   <div class="col-sm-8">
      <select class="form-control" name="bizMchId" id="bizMchId">
            <option  th:each="list:${session.list}" th:value="${list.bizMchId}" th:text="${list.name }"></option>
      </select>
   </div>
</div>

1.thymeleaf 标签获取 contextPath：

<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    contextPath = /*[[@{/}]]*/ '';
    /*]]>*/
</script>

2、thymeleaf 循环标签

<tr th:each="info:${list}">

info 为循环变量，在循环中使用info点属性即可

3、thymeleaf  使用 href标签带参数:

<a class="acicon" th:href="@{/attendanceRecord/userAttendanceRecordListPage(userInfoId=${attendanceRecordDTO.userInfoId})}">

4、thymeleaf  中将值传给 事件函数:

<a class="acicon" ><img  th:src="@{/img/common/listedit.png}" th:name="${userInfo.userInfoId}" onclick="editUserInfoPage(this)"/></a>

然后 $(this).attr('name');获取name的值 这个方法有点臃肿 不过能实现

5、循环给select 赋值：

<select  name="areaInfoId" class="selectpicker" onchange="setCity(this)">
    <option>请选择省</option>
    <option th:each="areaInfo : ${areaInfos}" th:value="${areaInfo.areaInfoId}" th:text="${areaInfo.areaName}"></option>
</select>

6、给select动态选中：

<select name="enableFlag" class="selectpicker" onchange="setAreaName()">
    <option value="true" th:if="${userInfo.enableFlag ==true}" th:selected="selected">是</option>
    <option value="false" th:if="${userInfo.enableFlag ==false}" th:selected="selected">否</option>
    <option value="true" th:if="${userInfo.enableFlag ==false}">是</option>
    <option value="false" th:if="${userInfo.enableFlag ==true}">否</option>
</select>

7、路径信息：

<script type="text/javascript" th:src="@{/js/basis/jquery/jquery-1.10.2.min.js}"></script>

<link rel="stylesheet" type="text/css" th:href="@{/style/basis/bootstrap/bootstrap3.min.css}"/>

8、字符串拼接：

<td th:text="${info}+'str'"></td>

注意双引号是必须要有的

9、使用thymeleaf控制 单选框

<ul>
    <li class="fl">
        <input type="radio" name="enableFlag"   th:checked="${userInfo.enableFlag== true}" value="true" style="margin: 10px;"/>
        <label class="iRadioLable" style="width:auto; max-width:auto;margin: 0">是</label>
    </li>
    <li class="fl">
        <input type="radio" name="enableFlag" th:checked="${userInfo.enableFlag==false}" value="false" style="margin: 10px"/>
        <label class="iRadioLable" style="width:auto; max-width:auto;margin: 0">否</label>
    </li>
</ul>

10、thymeleaf中使用三目运算

<td th:text="${imposeOccupyInfo.certificateCode== null} ? '-':${imposeOccupyInfo.certificateCode}"></td>

11、thymeleaf中动态控制class 样式

<li  th:class="${enterpriseInfo.creditGrade gt iterStat.index}?'start':''"></li>

12、thymeleaf中使用时间格式化

<td th:text="${#dates.format(enterpriseInfo.insertTime,'yyyy-MM-dd')}"></td>

13.radio回显

 

<div class="form-group">    
    <label class="col-sm-3 control-label">settleType：</label>
    <div class="col-sm-8">
        <label class="radio-inline">
            <input th:field="*{merchant.settleType}" type="radio" name="settleType" value="1" checked> open
        </label>
        <label class="radio-inline">
            <input th:field="*{merchant.settleType}" type="radio" name="settleType"  value="2"> close
        </label>
    </div>
</div>

 

切割

             <div class="form-group col-md-6">
                                        <label for="name">FIRST NAME</label>
                                        <input type="text" class="form-control" id="name" name="firstName"
                                               th:value="${#strings.arraySplit(adminUser.name,' ')[1]}" readonly>
                                    </div>
                                    <div class="form-group col-md-6">
                                        <label for="name">FAMILY NAME</label>
                                        <input  type="text" class="form-control" id="nickname" name="familyName"
                                               th:value="${#strings.arraySplit(adminUser.name,' ')[0]}" readonly>
                                    </div>