thymeleaf js中拼接字符串调用

Love The Way You Lie 2022-04-22 15:00 286阅读 0赞

1. 直接传值:+$\{fv.id\}+

<button type="button" class="btn btn-danger btn-sm"
    			th:onclick="'javascript:deleteUser('+${fv.id}+')' ">删除</button>

效果:

<button type="button" class="btn btn-danger btn-sm" onclick="javascript:deleteUser(4536)">删除</button>

2. 字符串拼接传值 \\'li\_'+$\{fv.id\}+'\\'

<button type="button" class="btn btn-danger btn-sm"
    			th:onclick="'javascript:deleteUser(\'li_'+${fv.id}+'\')' ">thymeleaf删除</button>

效果:

<button type="button" class="btn btn-danger btn-sm" onclick="javascript:deleteUser('li_4536')">thymeleaf删除</button>

3. 字符串拼接传值 2  'li\_\[\[$\{fv.id\}\]\]'

<button type="button" class="btn btn-danger btn-sm"
    			th:onclick="javascript:deleteUser('li_[[${fv.id}]]')">thymeleaf删除2</button>

效果

<button type="button" class="btn btn-danger btn-sm" onclick="javascript:deleteUser('li_4536')">thymeleaf删除2</button>

4. th:onmouseover ,th:onmouseout  (thymeleaf 不支持 onmouseenter,onmouseleave???)

<button type="button" class="btn btn-danger btn-sm"
    			th:onmouseover="$('#li_[[${fv.id}]]').hide()"
    			th:onmouseout="$('#li_[[${fv.id}]]').show()">hide</button>

发表评论取消回复

表情：

评论列表（有 0 条评论，286人围观）

还没有评论，来说两句吧...

相关阅读

相关 js如何循环拼接字符串

`//用js` `function` `getTextByJs() {` `` `var` `str =` `""` `;` `` `//根据name获取所有元素` `

刺骨的言语ヽ痛彻心扉/ 2023年10月17日 13:01/ 0 赞/ 159 阅读

相关 js 字符串拼接大全

在 JavaScript 中，使用字符串连接有几种方式：连接符（+）、反引号（\`）、join()、concat()。目录 1.使用连接符 + 把想要连接的字符串串起

不念不忘少年蓝@/ 2023年10月13日 22:53/ 0 赞/ 160 阅读

相关 Thymeleaf字面值与字符串拼接

Thymeleaf中字面值的使用字面值，就是写的值直接在界面中输出,如下图，这里会直接输出user.name，而不是去域中取值 <span th:text="

蔚落/ 2023年10月11日 10:46/ 0 赞/ 70 阅读

相关高效的JS字符串拼接

一般方法： var a = new Array(10); var menu = ''; for (var i = 0; i < a.length; i\++)

快来打我*/ 2022年09月18日 13:58/ 0 赞/ 240 阅读

相关 js 拼接字符串

推荐使用： var arr=new Array(); arr.push(a); arr.push(b); var str=arr.join(” “);//表示以

曾经终败给现在/ 2022年05月29日 00:13/ 0 赞/ 264 阅读

相关 js 字符串拼接

如下所示： [?][Link 1] <table> <tbody> <tr> <td> <p>1</p> <p>2</p> <p>3</p> <p>4</

小灰灰/ 2022年05月14日 09:45/ 0 赞/ 436 阅读

相关 thymeleaf js中拼接字符串调用

1. 直接传值:+$\{fv.id\}+ <button type="button" class="btn btn-danger btn-sm" th:

Love The Way You Lie/ 2022年04月22日 15:00/ 0 赞/ 287 阅读

相关 MySQL中拼接字符串

在MySQL中拼接字符串，不能使用+号，需要使用CONCAT函数进行拼接，而且查询条件的Key字段也可以用这个函数。例如： SELECT FROM `user

怼烎@/ 2022年04月16日 02:06/ 0 赞/ 351 阅读

相关字符串拼接在JS中的重要作用！

如果我需要动态的改变某个DOM的属性：如我要将一个盒子的width：100 变为200 而且，在JS中 style 是通过""形式去给属性赋值！因此，可以通过将

浅浅的花香味﹌/ 2022年02月26日 06:50/ 0 赞/ 541 阅读

相关 js：字符串拼接成json对象

介绍：将json对象\["jobcode":"111","goodunits":"000","rejectUnits":"222"\],拼成

小咪咪/ 2021年10月08日 07:44/ 0 赞/ 613 阅读