需求描述:单击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,后来写上去后执行了一下,发现完全可以。