removeHoverDom

zTree

Function(treeId, treeNode)removeHoverDom

目录: [参数说明] --> [setting 详解]概述

鼠标移出节点时,隐藏用户自定义控件,显示隐藏状态同 zTree 内部的编辑、删除按钮

请务必与 addHoverDom 同时使用;属于高级应用,使用时请确保对 zTree 比较了解。

Function 参数

treeIdString

对应 zTree 的 treeObjId,便于用户操控

treeNodeJSON

需要隐藏自定义控件的节点 JSON 数据对象

示例

描述:

设置鼠标移到节点上,在后面显示一个按钮

setting & function 举例:
var setting = {
    addHoverDom: addHoverDom,
    removeHoverDom: removeHoverDom,
    ......
};
function addHoverDom(treeId, treeNode) {
    var aObj = $("#" + treeNode.tId + "_a");
    if ($("#diyBtn_"+treeNode.id).length>0) return;
    var editStr = "<span id='diyBtn_space_" +treeNode.id+ "' > </span>"
        + "<button type='button' class='diyBtn1' id='diyBtn_" + treeNode.id 
        + "' title='"+treeNode.name+"' onfocus='this.blur();'></button>";
    aObj.append(editStr);
    var btn = $("#diyBtn_"+treeNode.id);
    if (btn) btn.bind("click", function(){alert("diy Button for " + treeNode.name);});
};
function removeHoverDom(treeId, treeNode) {
    $("#diyBtn_"+treeNode.id).unbind().remove();
    $("#diyBtn_space_" +treeNode.id).unbind().remove();
};
......

相关参数

addHoverDom | addDiyDom