thymeleaf下设置onclick属性函数参数

最新推荐文章于 2023-03-03 15:15:37 发布

function0413

最新推荐文章于 2023-03-03 15:15:37 发布

阅读量7.9k

点赞数 1

分类专栏： Web 前端文章标签： thymeleaf Web 前端

本文链接：https://blog.csdn.net/u010921201/article/details/80322627

版权

Web 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

前端

2 篇文章 0 订阅

订阅专栏

th:οnclick="'javascript:refundNote('+${orderProduct.id}+','+${orderProduct.status}+')'"             
上面这种写法是通过字符串拼接实现的,显然不够直观,容易看晕和出错,下面这种方法则要简洁很多

th:οnclick="|javascript:refundStatus(${orderProduct.id},${orderProduct.status})|"
直接在双引号的两端用||包起来

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

function0413

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Thymeleaf的onclick操作参给 JS

youngmien的博客

08-22

1365

在显示用户页面 show.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>所有用户列表</title> </head> <body> <sc...

thymeleaf调用onclick传参调用js函数（多参数）写法

SixthMagnitude的博客

01-11

3098

实现功能：点击触发，将表格中当前行的id和name传递给js函数通过th:data-xxxxxx(自定义参数名)="参数值" ,然后将其通过(this.getAttribute('data-xxxxxx')获取该值，多个参数之间直接逗号隔开即可。 html代码 <a href="#" th:data-t_id="${type.id}" th:data-t_name="${type.name}" th:onclick="setDelParam(this.getAttribute('data-t_i

1 条评论您还未登录，请先登录后发表或查看评论

Thymeleaf下设置onclick属性

飞上云端看彩虹

03-17

3388

需要在thymeleaf下设置onclick属性，并调用js文件中的function。 thymeleaf官方文档只是提到了onclick，却不知如何设置，毕竟一堆英文。难嚼！后经百度并验证，可行实例如下： th:onclick="'javascript:buyNow(\''+${courseNew.courseId}+'\')'" 那些“+”，“\”起的作用不明白，暂且先用起来后续再究。 ...

thymeleaf绑定后端静态方法

weixin_44371237的博客

05-14

299

thymeleaf <span th:text="${T(com.sanwu.help.StringHelper).test()}"></span> 后端代码 public class StringHelper { public static String test(){ return "test"; } }

Thymeleaf 标签学习之 th:onclick 的使用

嘟噜熊恋爱.

03-03

2210

Thymeleaf 标签 th:onclick的使用

thymeleaf 模板解析 th:onclick 事件异常 & 常见的 thymeleaf 往 js 参数传值解决方法

HeyShHeyou的博客

10-08

1182

问题描述 thymeleaf 模板解析异常，异常点：th:onclick 事件解析问题。问题日志 2019-10-08 16:50:25 [http-nio-8080-exec-5] ERROR org.thymeleaf.TemplateEngine - [THYMELEAF][http-nio-8080-exec-5] Exception processing template "i...

thymeleaf中onclick事件动态传递参数问题

chengyou_的博客

05-23

2093

问题当我在帮我姐妹修改JSP代码时，我遇到一个看起来很简单但是对于我这个新手来说很困难的问题：传入中文的时候会传不上去。我就很纳闷，后来经过测试发现字符串的时候直接在函数括号内传参是不行的。 <button th:onclick="|out(${session.userBasic.nickName})|">测试</button> 解决：th:data <button th:data="${session.userBasic.nickName}" th:onclick="|o

Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码

08-30

"Spring Boot + Thymeleaf 实现后端直接给 onclick 函数赋值的知识点" Spring Boot 是一个基于 Java 的框架，用于构建基于 Web 的应用程序，而 Thymeleaf 是一个基于 XML 的模板引擎，用于生成 HTML 内容。在 ...

thymeleaf th:onclick怎么携带参数

03-30

其中，使用th:attr将参数id设置为自定义属性data-id，然后在th:onclick中使用JavaScript获取data-id的值，并将其作为参数传递给myFunction函数。注意，由于JavaScript中需要使用单引号括起字符串，因此需要使用\'...

thymeleaf中使用th:onclick出现的问题

zhoujian_Liu的博客

02-11

7772

在springboot2.x的环境中使用thymeleaf的onclick时，若安照如下方式使用onclick，就会报错TemplateProcessingException异常。 <tr th:each="region, regionStat: ${regions}"> <a th:attr="data-bind=${region.enName}" href="...

thymeleaf th:onclick 传递对象

热门推荐

我们一起去踩雪吧

06-10

3万+

Springboot中使用thymeleaf，在用户列表中希望点击删除按钮就删除当前用户，需要传递当前用户的id。 <table class="table table-bordered table-hover"> <thead> <tr> <th>id</th>...

thymeleaf中如何给onclick事件传值

hanhanhanxu的博客

04-12

3368

<span th:text="${naire.title}" th:onclick="|javascript:goqns('${naire.qnid}')|"></span> 其中，naire是后台储存在request域中的数据，goqns是js中自己写的点击事件的方法，这样就能能将qnid的值传入goqns函数中 ...

【解决】th:onclick给js传string类型的值的问题

Antrn

10-19

1万+

最近一个月在做Springboot的项目，在编码过程中遇到了一个问题：在使用Thymeleaf模板时使用了th:onclick属性来调用JavaScript方法，其中涉及到传入后台发送的数据的功能，以便shu数据回显。然而我遇到了一个问题：当传入参数为数字的时候，可以正常传值，但是涉及到字符串的时候总是运行不通。去百度查出了好多网友的博客，解决问题也都是五花八门，都不能解决我的问题。需......

spring boot + thymeleaf 后端直接给onclick函数赋值

gongzhao426177的专栏

06-21

1万+

这里是控制器里返回的 /** * @param pageUtil 分页工具类 * @param cliCorpQuery 查询类 * @param model model * @return String */ @RequestMapping(value = {"/list"}, method = Reque

thymeleaf 3.0版本中th:onclick属性传递参数

Kevin的博客

02-12

2342

thymeleaf 2.x <a th:attr="data-bind=${priceBlock.key}" href="javascript:void(0);" th:onclick="'changeSimpleCondition(\'priceBlock\',\'' + ${priceBlock.key} + '\')'" th:text="${priceBlock.va...