Thymeleaf将数据从html id传递到thymeleaf变量

Question

我的以下代码有问题。 我需要将变量从html id传递给thymeleaf变量。

<table class="responsive-table highlight bordered">
    <thead>
    <tr>
        <th>Id</th>
        <th>Name</th>
        <th>Surname</th>
        <th>Email</th>
    </tr>
    </thead>

    <tbody>
    <tr th:each="worker: ${workersList}">
        <td th:text="${worker.id}"></td>
        <td th:text="${worker.name}"></td>
        <td th:text="${worker.surname}"></td>
        <td th:text="${worker.email}"></td>

        <td>
            <a href="#deleteModal" class="btn tooltipped modal-trigger" th:attr="data-id=${worker.id}, data-name=${worker.name +' '+ worker.surname}"
               data-position="top" data-delay="50" data-tooltip="Delete"><i class="material-icons">delete</i></a>
        </td>
    </tr>

    <!-- Delete Modal -->
    <div id="deleteModal" class="modal modal-fixed-footer">
        <div class="modal-content">
            <p id="modal-name"></p>
            <p id="modal-id"></p>
        </div>
        <div class="modal-footer">
            <a th:href="@{'/delete/'+${modal-id} }" class="modal-action modal-close waves-effect waves-red btn-flat">Yes</a>
        </div>
    </div>

    </tbody>
</table>

<script th:inline="javascript">
    $('#deleteModal').modal({
        ready: function(modal, trigger) {
            var button = $(trigger);
            var id = button.data('id');
            $('#modal-id').html(id);
        }
    });
</script>

它不会工作。 我必须使用js传递它，因为此ID可以更改，具体取决于我单击的工作人员。 该方法有效，但是无法将id传递给th：href谢谢您的帮助！

Answer 1

他们以这种方式完成任务，您需要使用Javascript更新ID，因为您的模式不在循环之内。 我会做这样的事情：

<div class="modal-footer">
    <a id="idModalLink" href="#" class="modal-action modal-close waves-effect waves-red btn-flat">Yes</a>
</div>

在您的JavaScript代码中：

$('#deleteModal').modal({
    ready: function(modal, trigger) {
        var button = $(trigger);
        var id = button.data('id');
        $('#modal-id').html(id);
        $('#idModalLink').attr("href", "/delete/" + id);
    }
});