首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Thymeleaf :传递javascript参数

Thymeleaf :传递javascript参数
EN

Stack Overflow用户
提问于 2017-05-21 03:51:39
回答 4查看 15.6K关注 0票数 10

我有一个基本的SpringBoot应用程序。使用Spring Initializer、嵌入式Tomcat、Thymeleaf模板引擎,并将其打包为可执行的JAR文件。我想把POJO的一个属性传递给一个javascript函数:

代码语言:javascript
复制
   <tr th:each="company: ${companies}" >                                                
         <td class="col_actions">
           <a th:href="@{/company/edit/{id}(id=${company.id})}" style="color:#808080; margin-right: 10px;">
             <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
           </a>
           <a href="#" style="color:#808080;  text-align: center;" onclick="javascript:confirmDelete ({id}(id=${company.id}));">
              <i class="fa fa-times" aria-hidden="true" ></i>
            </a>
         </td>
   </tr>

但是我得到了一个错误:Uncaught SyntaxError: missing ) after argument list

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-05-21 04:50:48

问题来自锚点,因此如果confirmDelete()函数需要字符串id,请尝试此问题

代码语言:javascript
复制
th:onclick="'javascript:confirmDelete(\'' + ${company.id} + '\');'"

如果它需要一个数字id

代码语言:javascript
复制
th:onclick="'javascript:confirmDelete(' + ${company.id} + ');'"
票数 13
EN

Stack Overflow用户

发布于 2018-10-04 03:18:28

另一种方式- th:onclick="|confirmDelete('${company.id}')|"

或者,如果您想通过'_‘发送多个参数,请使用th:onclick="|confirmDelete('${type}_${company.id}')|"

票数 8
EN

Stack Overflow用户

发布于 2020-09-23 03:54:40

我发现很多solutions对我没有帮助。

这对我很有效。

代码语言:javascript
复制
<div class="add-to-cart">
    <button th:attr="onclick='addToBasket(\'' + ${product.getId()}+  '\');'"> add to basket
    </button>
</div>
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44090217

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档