ztree树点击删除按钮的时候弹出一个提示框，点击确定才能删除，否则不能直接删除

相信很多项目中有遇到用ztree树的小伙伴都非常清楚ztree默认的删除是鼠标点击直接删除，但是我们的项目中这样是不合乎常理的，万一手抖删错了怎么办，接下来的方法就教你如何实现点击删除按钮后弹出一个框。

从ztree API中可以看到有一个beforeRemove事件（beforeRemove是写在callback里面的），在这个事件里编写删除之前需要处理的函数即可。代码如下：

beforeRemove: function (treeId, treeNode) {
    var msg = "请确认是否删除？";
    $.confirmBox2({
        msg: msg,
        height: 200,
        width: 400,
        type: "warn",
        addDefaultCloseBtn: true,
        buttons: {
            "确认": function () {
                    $.ajax({
                        url: "",
                        data: {
                            
                        },
                        success: function (data) {
                            //policyTree是ztree树中var policyTree = $.fn.zTree.getZTreeObj("policyTree");得到的
                            policyTree.removeNode(treeNode);//删除的当前节点
                            $.confirmBox("close");
                        },
                        fail:function () {
                            $.confirmBox({type: 'warn', msg:'删除失败', defaultCloseBtnName: '确认'})
                        }
                    })
            }
        }
    });
    return false;//这个一定要写
},

只是想单纯的看到弹框，那么下面是去掉ajax的情况

// 左边策略删除
beforeRemove: function (treeId, treeNode) {
    //判断当前检查项是否被使用
    var msg = "请确认删除检查项？";
    // var ajaxFlag = false;
    $.confirmBox2({
        msg: msg,
        height: 200,
        width: 400,
        type: "warn",
        addDefaultCloseBtn: true,
        buttons: {
            "确认": function () {
               //ajax操作自己写
            }
        }
    });
    return false;

},