一. 回顾
前面学习了Day39——员工修改——重用页面以及修改完成,今天学习员工删除。
二. 员工删除
最关键的是将form单独提取出来,这样就不用每次遍历产生<tr>
都生成一个form。然后使用js控制提交按钮提交。
代码如下:
<!-- thymeleaf属性设置th:attr="属性名=值"-->
<button th:attr="del_uri=@{/emp/}+${emp.id}"
class="btn btn-sm btn-danger deleteBtn">删除</button>
<script>
// $(".deleteBtn").on('click', function () {
// //删除当前员工
// $("#deleteEmpForm").attr("action", $(this).attr("del_uri")).submit();
// return false;
// })
$(".deleteBtn").click(function () {
//删除当前员工
$("#deleteEmpForm").attr("action", $(this).attr("del_uri")).submit();
return false;
})
</script>