需求描述:單擊table整行,跳轉到具體的信息頁面 關鍵就是獲取整行的id,傳給后台做查詢,返回list
解決思路:用帶參數函數傳過去id,然后在js的函數中用$("#id").val();或者直接在參數中把想要傳遞過去的值放到參數中,js中直接就能獲取,比前一個方法少了一個專門取值的步驟
代碼:
<tr th:each="list : ${list}" th:ondblclick="|clickRow('${list.id}')|">
<td>
<label class="mt-checkbox mt-checkbox-single mt-checkbox-outline">
<input type="checkbox" class="checkboxes" th:value="${list.id}" id="checkId" name="checkId"/> <span></span>
</label>
</td>
<td th:text="${list.dictCode}"></td>
<td th:text="${list.dictName}" th:onclick="|dictDetail('${list.dictName}')|" ></td>
<td>
<div style="display: flex; align-items: center;">
<div>
<img th:src="@{/assets-new/apps/img/bianji.png}"
th:onclick="|goEdit('${list.id}')|" title="編輯"/>
<img th:src="@{/assets-new/apps/img/shanchu.png}"
th:onclick="|deleteBut('${list.id}')|" title="刪除"/>
</div>
</div>
</td>
</tr>
總結:這是個小問題,開始的時候比較猶豫,不知道在<tr>標簽里寫的 id取值能否被讀取出來,因為當時認為標簽<tr>前邊的th:each循環得先跑起來,<td>才能在每一條里取出id,有個先后級別,現在知道了直接在<tr>中取id是可以取到的,不是上下級關系,而是平級關系,才能逐條取出id,后來寫上去后執行了一下,發現完全可以。