ztree--插件实现增删改查demo（完整版）

ztree--插件实现增删改查demo（完整版）

var setting = {

                async: {

                    enable: true,       //开启异步加载处理

                    dataFilter: filter  //用于对 Ajax 返回数据进行预处理的函数

                },

                view: {

                    addHoverDom: addHoverDom,

                    removeHoverDom: removeHoverDom,

                    selectedMulti: false,

                },

                check: {

                    enable: false

                },

                data: {

                    simpleData: {

                        enable: true

                    }

                },

                edit: {

                    enable: true,

                    removeTitle: "删除",

                    renameTitle: "编辑名称"

                },

                callback: {

                    //用于捕获节点被删除之前的事件回调函数，并且根据返回值确定是否允许删除操作

                    beforeRemove: beforeRemove,

                    //用于捕获节点编辑名称结束（Input 失去焦点 或 按下 Enter 键）之后，

                    //更新节点名称数据之前的事件回调函数，并且根据返回值确定是否允许更改名称的操作

                    beforeRename: beforeRename,

                    //用于捕获节点被点击的事件回调函数

                    onClick: zTreeOnClick

                }

            };

            var zNodes = date;

            $.fn.zTree.init($("#treeDemo"), setting, zNodes);

            $('.ico_open').remove();

            $('.ico_docu').remove();

            //添加新的节点

            function addHoverDom(treeId, treeNode) {

                if (treeNode.level === 2) {

                    return false;

                } else {

                    var sObj = $("#" + treeNode.tId + "_span");

                    if (treeNode.editNameFlag || $("#addBtn_" + treeNode.tId).length > 0) return;

                    if (treeNode.level === 0) {

                        var addStr = "<span class='button add' id='addBtn_" + treeNode.tId

                            + "' title='添加部门' onfocus='this.blur();'></span>";

                        sObj.after(addStr);

                    }

                    if (treeNode.level === 1) {

                        var addStr = "<span class='button add' id='addBtn_" + treeNode.tId

                            + "' title='添加班组' onfocus='this.blur();'></span>";

                        sObj.after(addStr);

                    }

                    var btn = $("#addBtn_" + treeNode.tId);

                    if (btn) btn.bind("click", function () {

                        if (treeNode.name) {

                            var parentId = treeNode.id;

                            var orgName = treeNode.name;

                            $.ajax({

                                url: baseUrl + 'system/department/add',

                                type: "post",

                                data: {

                                    orgName: orgName,

                                    parentId: parentId

                                },

                                success: function (res) {

                                    if (res.status == "0000") {

                                        toastr.success('添加成功!')

                                        me.ztree()

                                    } else {

                                        toastr.error('添加失败!')

                                    }

                                }

                            });

                        }

                    });

                }

            };

            function removeHoverDom(treeId, treeNode) {

                $("#addBtn_" + treeNode.tId).unbind().remove();

            };

            //删除节点信息

            function beforeRemove(treeId, treeNode) {

                var zTree = $.fn.zTree.getZTreeObj("treeDemo");

                zTree.selectNode(treeNode);

                if (treeNode.name) {

                    var sids = [];

                    sids.push(treeNode.id)

                    $.ajax({

                        url: baseUrl + 'system/department/delete',

                        type: "post",

                        data: {

                            sids: sids

                        },

                        success: function (res) {

                            if (res.status == "0000") {

                                toastr.success('删除成功')

                            } else {

                                toastr.error(res.message)

                                me.ztree()

                            }

                        }

                    });

                } else {

                    window.location.reload();

                }

            }

            //修改节点信息

            function beforeRename(treeId, treeNode, newName) {

                if (newName.length == 0) {

                    toastr.error('节点名称不能为空')

                    return false;

                } else if (newName.length >= 15) {

                    toastr.error('节点名称长度不得超出14个字符')

                    return false;

                } else if (/^\s+$/gi.test(newName)) {

                    toastr.error('节点名称不能以空格')

                    return false;

                }

                var pNode = treeNode.getParentNode();

                var parentId;

                var sid = treeNode.id;

                if (pNode == null) {

                    parentId = 0;

                } else {

                    parentId = pNode.id;

                }

                $.ajax({

                    url: baseUrl + 'system/department/edit',

                    type: "post",

                    data: {

                        sid: sid,

                        orgName: newName,

                        parentId: parentId

                    },

                    success: function (res) {

                        if (res.status == "0000") {

                            toastr.success('修改成功!')

                        } else {

                            toastr.error('修改失败!')

                        }

                    }

                });

            }

            //修改异步获取到的节点name属性

            function filter(treeId, parentNode, childNodes) {

                if (!childNodes) return null;

                for (var i = 0, l = childNodes.length; i < l; i++) {

                    childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');

                }

                return childNodes;

            }

            //点击节点后， 弹出该节点的 tId、name 的信息

            function zTreeOnClick(event, treeId, treeNode) {

                if (treeNode.pId === null || treeNode.pId==0) {

                    $('#table').bootstrapTable('refresh', {

                        url: baseUrl + 'system/person/list?organizationId=' + ""

                    })

                } else {

                    $('#table').bootstrapTable('refresh', {

                        url: baseUrl + 'system/person/list?organizationId=' + treeNode.id

                    })

                }

            };