前端html按钮部分
<button th:onclick="|sc(${emp.id})|" class="layui-btn layui-btn-sm layui-btn-danger">删除</button>
注:其中sc为函数名在js部分会用到,emp由thymeleaf传来,其中emp.id表示为员工id.
js部分
/* ========== 删除提示弹出层 ==============*/
function sc(id) {
layui.use('layer', function () {
layer.msg('是否删除?', {
skin: 'layui-layer-molv' //样式类名 自定义样式
,btn: ['是','否'] //按钮
,icon: 6 // icon
,time: 0 //不自动关闭
,yes: function(index){
window.location.href='/del?id='+id;
layer.close(index);
layer.msg('删除成功', { icon: 6 });
}
});
})
}
注:href中的内容由controller层执行:附代码
@RequestMapping("/del")
public String deleteById(int id) {
empService.deleteById(id);
return "redirect:/emplist";
}
页面演示: