Данные из атрибута thymleaf в JQuery

Question

в X-editable для Bootstrap'a задаю pk через полученный ID в теге thymleaf, но почему то это значение не задается, и post запрос не уходит на сервер в чем может быть ошибка?

Кусок HTML с тегом thymeleaf:

             <td>
            <a href="#" id="dock" class="dockNumber" th:outboundtruck="${el.id}" th:text="${el.dockNumber}"></a>
             </td>

Jquery код:

$(document).ready(function() {
$('.dockNumber').editable({
type: 'text',
pk :   $(this).closest("td").attr("outboundtruck"),
url: '/unload',
title: 'Enter username'
  });
  });

Answer 1

В Thymeleaf нельзя просто так добавить приставку th: к любому кастомному атрибуту и надеяться на то, что он обработается шаблонизатором.

Все атрибуты вида th:some_attribute_name заранее определены и перечислены в документации Thymeleaf.

В данном вопросе я подробно описывал, когда стоит, а когда не стоит использовать th:
Префикс th, когда используется

Однако, это не отвечает на Ваш вопрос.

В Вашем случае данный атрибут(th:outboundtruck) просто не обрабатывается Thymeleaf, поэтому Ваш вопрос сводится к тому, как можно прокинуть кастомный произвольный атрибут в HTML с помощью Thymeleaf

Это делается с помощью th:attr или с помощью th:attrappend

Следующим образом:

<a th:attr="outboundtruck=${el.id}"></a>

Со всеми атрибутами будет выглядеть так:

<a href="#" 
   id="dock" 
   class="dockNumber" 
   th:attr="outboundtruck=${el.id}" 
   th:text="${el.dockNumber}"></a>

Документация Thymeleaf

БЛОГ НА HUSL

Данные из атрибута thymleaf в JQuery

Ответы (1 шт):