layer删除弹出层

前端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";
    }

页面演示：