ztree添加自定义图标

    xiaoxiao2023-11-29  183

    ztree默认自带的是编辑和删除的图标,但是在做项目的时候遇到需要“添加”的图标,百度好久找到了解决方法,如下

    <script> var scanTypeTreeSetting = { view: { addHoverDom: addHoverDom,//添加图标事假 } }; function addHoverDom(treeId, treeNode) { //是否显示添加按钮添加(这边是我项目中需要显示添加图标的条件,具体看本人需求) if (treeNode.level == 1 && treeNode.canAdd) { var aObj = $("#" + treeNode.tId + "_a"); if ($("#diyBtn_" + treeNode.id).length > 0) return; // var editStr = "<span id='diyBtn_space_ " + treeNode.id + "' style='display: none;'> </span>" // + "<button type='button' style='width:15px;height:15px;line-height:12px;border:1px solid #ccc;background: #fff;outline: none;margin-left:2px;' class='diyBtn1 add' id='diyBtn_" + treeNode.id // + "' title='" + treeNode.name + "' onfocus='this.blur();'>+</button>"; var editStr = "<span id='diyBtn_space_ " + treeNode.id + "' style='display: none;'> </span>" + "<button type='button' style='width:15px;height:15px;line-height:12px;border:1px solid #ccc;background: #fff;outline: none;margin-left:2px;' class='diyBtn1 add' id='diyBtn_" + treeNode.id + "' title='新增' onfocus='this.blur();'>+</button>"; aObj.append(editStr); var btn = $("#diyBtn_" + treeNode.id); if (btn) btn.bind("click", function () { var id = treeNode.id; hideRMenu(); $("#policyDialog").createDialog({ title: "新增"+treeNode.name, width: 500, height: 300, url: "" , buttons: { "保存": function () { } } }) }); return true; } else { return false; } }; </script>

     

    最新回复(0)