easyui中设置多选框、批量删除

easyui中设置多选框、批量删除

前端代码

***首先***增加：
`

***然后***增加singleSelect:false 属性 允许多选`

最主要的来了：（使用ES6的新语法遍历整个数组，拿到对象，就可以拿到对象的id了,然后将id循环通过ajax请求到后台删除

/*删除*/
function remove() {
    var row =$('#dg').datagrid('getSelections');//返回选中多行
    if(row.length ==0){
        $.messager.alert('提示','请选择一行！','warning');
        return false;
    }
    var data ={grid:$('#dg'),selected:row};
    //$.messager.alert('删除', '您确认想要删除记录吗？','warning',function(r){

    $.messager.confirm('删除','您确认想要删除记录吗？',function(r){
        if (r){
         //循环遍历数组，根据id进行循环删除。es6的新写法用of得到i为数组对象
            for(let i of row){
                //根据获得的对象 拿到对象的id
               // console.log(i.id)
                $.get("/deleteStudent.vs",{id:i.id},function (data,status) {
                    //判断拿到回调字段的值是true还是false
                    if(data.meta.success){
                        $.messager.alert('提示','删除成功!','info');
                        //true 成功删除后刷新页面
                        $("#dg").datagrid("reload");
                        //关闭dialog
                        dialog.close();
                    }else{
                        //false 把失败信息做一个提示在消息框中。拿到对象的msg值
                        $.message.alert('提示','错误删除信息:${result.msg}','info')
                    }                   
                })
            }
        }
    });
}

后端代码实现：

/**
 * 删除学生
 * @param id
 * @return
 */
@RequestMapping("deleteStudent.vs")
@ResponseBody
public JsonMessage delete(@RequestParam(value = "id", required = false) String id){
    //System.out.println(id);
    studentService.deleteStudent(id);
    return  new JsonMessage().success();
}