Started with Thymeleaf and have one question. I have iteration with

<tr th:each="it,row  : ${res.answers}">
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${row.count}">
   1
 </td>
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${it.question}">
   Value1
 </td>
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${it.correctAnswer}">
   col2
   <a href="" th:onclick="'showExplanation(\'' + ${itment} + '\');'">
     <sup>Explanation</sup>
   </a>
 </td>
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${it.answer}">
   col3
 </td>
</tr>

The line with ${it.correctAnswer} is one that should be formatted as following:

If and only if there is not empty String in ${itment} then it should be appended superscripted string "Explanation" and when we click this string some Javascript function is called.

My solution above obviously didn't work, but is there any way to add some static html code to dynamic value generated by Thymeleaf at runtime.

What I am trying to do is :

Started with Thymeleaf and have one question. I have iteration with

<tr th:each="it,row  : ${res.answers}">
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${row.count}">
   1
 </td>
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${it.question}">
   Value1
 </td>
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${it.correctAnswer}">
   col2
   <a href="" th:onclick="'showExplanation(\'' + ${it.ment} + '\');'">
     <sup>Explanation</sup>
   </a>
 </td>
 <td th:class="${row.even}? 'even' : 'odd'" th:text="${it.answer}">
   col3
 </td>
</tr>

The line with ${it.correctAnswer} is one that should be formatted as following:

If and only if there is not empty String in ${it.ment} then it should be appended superscripted string "Explanation" and when we click this string some Javascript function is called.

My solution above obviously didn't work, but is there any way to add some static html code to dynamic value generated by Thymeleaf at runtime.

What I am trying to do is :

• javascript
• thymeleaf

1 Answer 1

In your example you require to concat text to link, to do it simply change your html from:

<td th:class="${row.even}? 'even' : 'odd'" th:text="${it.correctAnswer}">
 col2
 <a href="" th:onclick="'showExplanation(\'' + ${it.ment} + '\');'" >
  <sup>Explanation</sup>
 </a>
</td>

to

<td th:class="${row.even}? 'even' : 'odd'" >
 <span th:text="${it.correctAnswer}">col2</span>
 <a href="" th:if="${it.ment}!=''" th:onclick="'showExplanation(\'' + ${it.ment} + '\');'">
  <sup>Explanation</sup>
 </a>
</td>

This should display ments link when there are some.