EasyUI(6) 实现datagrid多行删除功能

效果图：

F12浏览器查看执行信息：

---

html页面： singleSelect:false,checkOnSelect: true

js：(温馨小提示：注意根据自己实现删除的方法去调用哦~ 我的多行删除在delete里面)

$(function () {
    var datagrid = $('#dataGrid'); //数据展示

    //为所有有data-method的组件添加事件
    $("*[data-method]").on("click",function(){
        zhengqing[$(this).data("method")]()
    })

    //防止污染   CRUD
    window.zhengqing = {
        delete:function(){
            //getSelected:返回第一个被选中的行或如果没有选中的行则返回null。
            //getChecked:在复选框呗选中的时候返回所有行。（该方法自1.3版开始可用）
            var row = datagrid.datagrid("getChecked");//获取勾选的数据
            if (row){    //多行删除
                $.messager.confirm('确定','是否确定删除'+row.length+'条数据？？',function (r) {
                    for (var i = row.length - 1; i >= 0; i--) {
                        if (r){
                            $.get("/employee/delete",{id:row[i].id},function (result) {
                                if (result.success){  //删除成功
                                    datagrid.datagrid("reload");//刷新页面  reload：删除之后会在当前页面  当删除本页所有数据之后会跳到前一个页面
                                }else {  //删除失败
                                    $.messager.alert('提示','此数据删除失败：
'+result.msg,"info");
                                }
                            })
                        }
                    }
                });
            }else {
                $.messager.alert('提示','请选择一条数据进行删除',"warning");
            }
        }
})