thymeleaf 3.0以上的 th:onclick绑定参数
in 异常错误 with 0 comment

thymeleaf 3.0以上的 th:onclick绑定参数

in 异常错误 with 0 comment

出现问题原因 thymeleaf 这玩意简单是简单,但是中文资料太少,很容易就采坑了。 最近用 th:onclick<button th:onclick="|getId(${person.id} )|">获得id</button>,这样可以用。但是<button th:onclick="|getName(${person.name} )|">获得名字</button>,就报错了。于是各种尝试,还是无法解决。后来终于找到一种写法<button class="btn" th:onclick="getName([[${person.name}]]);">获得名字</button>

再看原来是:THYMELEAF 3.0.10更改日志 改进了HTML事件处理程序属性(th:on ),以允许将其值作为内联JavaScript的片段(使用JAVASCRIPT模板模式)进行处理。

以前写法(请放弃):

方式一:
<button class="btn" th:onclick="'getName(\'' + ${person.name} + '\');'">获得名字</button>
方式二:
<button class="btn" th:onclick="'getName(' + ${person.name} + ');'">获得名字</button>
方式三:
<button th:onclick="|getName(${person.name} )|">获得名字</button>

现在的写法:
<button class="btn" th:onclick="getName([[${person.name}]]);">获得名字</button>

更新公告:http://forum.thymeleaf.org/Thymeleaf-3-0-10-JUST-PUBLISHED-td4031348.html

0评论