如何在百里香中设置变量？答案

【问题标题】：How to set variable in thymeleaf?如何在百里香中设置变量？
【发布时间】：2019-07-13 13:11:11
【问题描述】：

我还在寻找一种直接在thymeleaf中设置值到JavaScript函数param中的方法。如何将${variable} 直接设置为javascript函数参数？帮帮我。

function **loadDetailView**(no){
 location.href = "/home/docs/holiday/detail-view/"+no; 
}

<tbody id="docsTr">
<tr th:if="${size} == '0'">
  <td colspan=3>No data.</td>
</tr>
<tr th:unless="${size} == '0'" th:each = "docs : ${list}"
style="cursor:pointer;" onclick="**loadDetailView**(1)">
  <td th:text="${docs.board_no}">1</td>
  <td th:text="${docs.name}">Brian</td>
  <td th:text="${docs.holiday_type}">Annual</td>
</tr>
</tbody>

【问题讨论】：

任何错误或您面临的问题
我想将值设置为 javascript 函数参数.. ex) function loadDetailView({$docs.no})
我的意思是控制台出错了？

标签： spring spring-boot thymeleaf

【解决方案1】：

我认为您可能在这里混淆了概念。 javascript 函数无法接收 thymeleaf 参数，因为 thymeleaf 所做的是在将页面发送到客户端之前“编译”页面。一旦它在客户端上（并且可以执行 javascript），就不再有 thymeleaf。

您可以通过以下方式使对 loadDetailView 的每个 onclick 调用在每个 <tr> 中具有不同的参数：

<tr th:unless="${size} == '0'" th:each = "docs, iter : ${list}"
style="cursor:pointer;" onclick="loadDetailView([[${iter.index}]])">

根据行，调用 loadDetailView 时会使用 0、1、2 等。

【讨论】：