2016-05-13 2 views
1

Начал работу с Thymeleaf и задал один вопрос. У меня есть итерации сThymeleaf th: text Как добавить статический текст в динамическое значение

<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.comment} + '\');'"> 
    <sup>Explanation</sup> 
    </a> 
</td> 
<td th:class="${row.even}? 'even' : 'odd'" th:text="${it.answer}"> 
    col3 
</td> 
</tr> 

Линия с ${it.correctAnswer} является тот, который должен быть отформатирован следующим образом:

Если и только если не пустая строка в ${it.comment}, то он должен быть добавлен с помощью верхнего индекса строки «Объяснение» и когда мы нажимаем эту строку, вызывается функция Javascript.

Мое решение выше, очевидно, не работает, но есть ли способ добавить некоторый статический html-код в динамическое значение, генерируемое Thymeleaf во время выполнения.

То, что я пытаюсь сделать, это:

Image

ответ

3

В вашем примере вам требуется Concat текст ссылки, чтобы сделать это просто изменить HTML от:

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

в

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

Это должно показать ссылку комментариев, если есть некоторые.

+0

David это сработало. Мне пришлось добавить отсутствующую двойную цитату, а затем она сработала. благодаря – Tony

Смежные вопросы