thymeleaf一些总结

thymeleaf给元素绑定click事件

 <tbody id="xtjg">
			                      			<tr th:each="dept,state:${list}">
				                           <td><span th:text="${state.index+1}"></span></td>
				                           <td><span th:text="${dept.deptName}"></span></td>
				                           <td><span th:text="${dept.deptUrl}"></span></td>
				                           <td><a class='layui-btn' onclick='selectDept()'>修改</a>
				                              <a class='layui-btn'  th:onclick="javascript:deletePhase(this,[[${dept.id}]]);">删除</a>
				                           </td>
				                           </tr>     
			                           </tbody>

关联判断

  <tr th:unless="${#lists.isEmpty(ss)}" th:each="info,state:${ss}">
										<td th:text="${info.fxyjId}"></td>
										<td >
										 <a  href="#" style="color:#1a70d3" th:onclick="javascript:sendInfo( [[${info.deptinfoid}]] )">[[${info.fxyjTittle}]]</a>
										</td>
										<td th:text="${info.fxyjDomainId}"></td>
										<td th:text="${info.fxyjAreaNumber}"></td>
										<td th:text="${info.fxyjLevel}"></td>
										<td th:text="${#strings.substring(info.fxyjTime, 0, 10)}"></td>
										<td th:text="${info.fxyjOrgin}"></td>
										<td th:text="${info.fxyjStatus}"></td>
                                        <td class="td-manage"> 
 
                                            <a  th:if="!${#strings.contains(info.fxyjStatus,'转办')} or  ${mydept} eq ${info.deptinfoid} "  title="处理反馈" th:attr="href='javascript:fankui(\''+${info.deptinfoid}+'\',\''+${info.fxyjOrgin}+'\'); '">
                                                <i class="layui-listbtn">处理反馈</i></a>
                                            <a  th:if="!${#strings.contains(info.fxyjStatus,'转办')}"  title="转办"  th:attr="href='javascript:fxyjzb(\''+${info.deptinfoid}+'\',\''+${info.fxyjId}+'\');'">
                                                <i class="layui-listbtn">转办</i></a>
                                            
                                             <a th:if="${info.fxyjStatus}=='转办未办' and  ${mydept} ne  ${info.deptinfoid}" title="撤销转办"  th:attr="href='javascript:returnzb(\''+${info.deptinfoid}+'\');'">
                                                <i class="layui-listbtn">撤销转办</i></a>              
                                              <a  th:if="${#strings.contains(info.fxyjStatus,'转办')}"  title="查看" th:attr="href='javascript:chakan(\''+${info.deptinfoid}+'\'); '">
                                                <i class="layui-listbtn">查看</i></a> 
                                        </td>
                       
                                    </tr>
                                     <tr th:if="${#lists.isEmpty(ss)}">
                              	<td colspan="9" style="text-align:center;">暂无数据！</td>
                              </tr>

switch case

	<td th:switch="${info.actiontype}">
															<p th:case="''"  th:text="${info.}"></p>
															<p th:case="''" th:text="${info.}"></p>
															<p th:case="''" th:text="${info.}"></p>
															<p th:case="" th:text="${info.}"></p>
															<p th:case="*"></p>
														</td>

字段截取

第一种
 <td th:if="${info.deptName != null && #strings.length(info.deptName) > 6}" >
<span th:text="${#strings.substring(info.deptName, 0, 6)+'...'}"  th:title="${info.deptName}"></span>
                                        </td>  
第二种方式：
   <span th:text="${#strings.length(info.deptName)>6?#strings.substring(info.deptName, 0, 6)+'...':info.deptName}"  th:title="${info.deptName}"></span>

layui的数据格式化

layui有自己的一套特定的数据格式交互（这很重要），必须参数code：0，msg：“”，count：数据size（int）,data:”数据List”。一般我们选择封装返回接收类。 通过parseData来转化封装为layui的json格式

parseData: function(res) { //res 即为原始返回的数据
            return {
                "code": res.code, //解析接口状态
                "msg": res.msg, //解析提示文本
                "count": res.count, //解析数据长度
                "data": res.data //解析数据列表
            }
        }

省市区级联待