1. 程式人生 > >thymeleaf使用onclick傳遞引數

thymeleaf使用onclick傳遞引數

Springboot中使用thymeleaf,在使用者列表中希望點選刪除按鈕就刪除當前使用者,需要傳遞當前使用者的id。

<table class="table table-bordered table-hover">
        <thead>
            <tr>
                <th>id</th>
                <th>使用者名稱</th>
                <th>密碼</th>
                <th
>
電話</th> <th>郵箱</th> <th>操作</th> </tr> </thead> <tbody > <tr th:each="user : ${userlist}"> <td th:text="${user.userID}"></td> <td th:text
="${user.username}">
</td> <td th:text="${user.password}"></td> <td th:text="${user.phone}"></td> <td th:text="${user.email}"></td> <td><button type="button" class="btn btn-info btn-sm" data-toggle
="modal" data-target="#updateModal" th:onclick="'javascript: updateUser('+${user.userID}+')' ">
編輯</button> <!--th:onclick後即為傳遞引數,在js中就可以接收--> <button type="button" class="btn btn-danger btn-sm" th:onclick="'javascript:deleteUser('+${user.userID}+')' ">刪除</button> </td> </tr> </tbody> </table>