Как передать аргументы в вызов функции JavaScript при использовании onClick в THymeleaf

Question

Я вызываю свою функцию javascript из Thymeleaf, как показано ниже:

    th:onclick="'viewDocument(\'' 
     +${document.docTypeLongDesc} +'\');'"

Но я только что обновил свою весеннюю загрузочную версию до версии 2.1.4 RELEASE, с которой Thymeleaf также получил обновление.И предыдущая версия больше не поддерживается.

В ходе дальнейших исследований я обнаружил, что должен иметь возможность использовать

     th:onclick="' viewDocument (this.getAttribute ('document.docTypeLongDesc'));'"

Однако, это не дает никакой ошибки, но и не работает.Я удалил аргумент и смог вызвать функцию просто отлично.Так что я полагаю, что я не передаю аргумент правильно.Любое руководство будет полезно.ТИА.

Answer 1

См. Это: Ограниченный режим: Избегайте переменных выражений, возвращающих строки в процессорах для обработчиков событий (th: on *) .

Чтобы правильно передать переменные Thymeleaf в событие onclick, поместите переменную в атрибут data и прочитайте ее, используя getAttribute().

th:data-longDescription="${document.docTypeLongDesc}" onclick="viewDocument(this.getAttribute('data-longDescription'));"

Answer 2

Вы должны использовать его следующим образом:

th:onclick="${'viewDocument(' + document.docTypeLongDesc + ');'}"