SSM整合——删除

删除

1、思路

1. 单个删除
   • URI：/emp/{id} DELETE

---

2、删除单一员工

//单个删除
$(document).on("click", ".delete_btn",
    function (){
        //1、弹出是否确认删除对话框
        //alert($(this).parents("tr").find("td:eq(1)").text());
        var empName = $(this).parents("tr").find("td:eq(1)").text();
        var empId = $(this).attr("del-id");
        if (confirm("确认删除[" + empName +"]吗？")){
            //确认，发送ajax请求，删除即可
            $.ajax({
                url:"${APP_PATH}/emp/"+empId,
                type:"DELETE",
                success:function (result) {
                    alert(result.msg);
                    //回到本页
                    to_page(currentPage);
                }
            });
        }
    }
);

---

3、批量删除

3.1、全选、全不选

//完成全选、全不选的功能
$("#check_all").click(function () {
    //attr获取checked是undefined
    //dom原生的属性使用prop获取；attr获取自定义属性的值
    //prop修改和获取dom原生属性的值
    //alert($(this).prop("checked"));
    $(".check_item").prop("checked", $(this).prop("checked"));
});

//check_item
$(document).on("click", ".check_item", function () {
    //判断当前选中的元素是不是5个
    //alert($(".check_item:checked").length);
    var flag = $(".check_item:checked").length == $(".check_item").length;
    $("#check_all").prop("checked", flag);
});

3.2、删除功能完成

/**
 * 单个、批量二合一
 * 批量删除：1-2-3
 * 单个删除：1
 * @param ids
 * @return
 */
@RequestMapping( value = "/emp/{ids}", method = RequestMethod.DELETE)
@ResponseBody
public Msg deleteEmp(@PathVariable("ids") String ids){
    if (ids.contains("-")){
        //批量删除
        List<Integer> del_id = new ArrayList<>();
        String[] str_ids = ids.split("-");
        //组装id的集合
        for (String string: str_ids
             ) {
            del_id.add(Integer.parseInt(string));
        }
        employeeService.deleteBatch(del_id);
    }else {
        //单个删除
        Integer id = Integer.parseInt(ids);
        employeeService.deleteEmp(id);
    }
    return Msg.success();
}

//点击全部删除，就批量删除
$("#emp_delete_all_btn").click(function () {
    //
    var empNames = "";
    var del_idstr = "";
    $.each($(".check_item:checked"), function () {
        //this
        //alert($(this).parents("tr").find("td:eq(2)").text());
        empNames += $(this).parents("tr").find("td:eq(2)").text() + ",";
        //组将员工id字符串
        del_idstr += $(this).parents("tr").find("td:eq(1)").text() + "-";
    })
    //去除empNames多余的","
    empNames = empNames.substring(0, empNames.length-1);
    //去除del_idstr多余的"-"
    del_idstr = del_idstr.substring(0, empNames.length-1);
    if (confirm("确认删除[" + empNames +"]吗？")){
        //发送ajax请求，删除即可
        $.ajax({
            url:"${APP_PATH}/emp/"+del_idstr,
            type:"DELETE",
            success:function (result) {
                alert(result.msg);
                //回到当前页面
                to_page(currentPage);
            }
        })
    }
})