ztree树制作（增、删、重命名、复制）

设计树

1，树外观：三级树+图标
2，树功能：双击打开 图谱页+右键菜单
一级：新建
二级：新建图谱页，重命名，删除，复制，剪切，粘贴
三级：打开，重命名，删除，复制，剪切，粘贴

实现树

工具：ztree（增删改查教程）+JS等。
可能用到的方法：代码增加实例

遇到的困难

ztree官方文档！竟然有错误！id与tId

核心代码

1.js部分（增）

function addHoverDom(treeId, treeNode) {
    var aObj = $("#" + treeNode.tId + "_a");
    if ($("#addBtn_"+treeNode.tId).length>0) return;
    var editStr = " "
        + "";
    aObj.append(editStr);
    var btn = $("#addBtn_"+treeNode.tId);
    if (btn) btn.bind("click", function(){
        //点击按钮发生的事情
        // alert("diy Button for " + treeNode.name);
        var zTreeObj1 = $.fn.zTree.getZTreeObj(treeId);
        var newNode = {name:'sonOf'+treeNode.tId};
        newNode = zTreeObj1.addNodes(treeNode,newNode);
    });
};
function removeHoverDom(treeId, treeNode) {
    $("#addBtn_"+treeNode.tId).unbind().remove();
    $("#addBtn_space_" +treeNode.tId).unbind().remove();
};

2.css部分（增）

.addBtn1{
    background: #000 url("../../image/ads.png");
    width: 16px;
    height: 16px;
}

3.js代码（复制）
重点：
showRemoveBtn: true,//删
showRenameBtn: true,//重命名
removeTitle: “remove”,//删
renameTitle: “rename”,//重命名
drag:{
isCopy: true,//复制
isMove: false//为复制屏蔽移动
}
},

var setting;
setting = {
    callback: {
        onClick: ClickTree
    },
    edit: {
        enable: true,
        showRemoveBtn: true,
        showRenameBtn: true,
        removeTitle: "remove",
        renameTitle: "rename",
        drag:{
            isCopy: true,
            isMove: false
        }
    },
    view: {
        addHoverDom: addHoverDom,
        removeHoverDom: removeHoverDom
    }
};

2，重命名判断
参考高级重命名
3，数组删除