Ztree怎么在子节点后面添加按钮

淡淡的烟草味﹌ 2021-09-18 16:34 577阅读 0赞

在setting配置项里增加一个view属性，如下：

setting = {
        view: {
            addDiyDom: addDiyDom
        }
    }

然后再用函数去定义它的内容及样式：

function addDiyDom(treeId, treeNode) {
        // 判断是最后一层子节点
    	if (treeNode.isParent == false) {
    		var aObj = $("#" + treeNode.tId + "_a");
    		if ($("#diyBtn_"+treeNode.id).length>0) return;
                // 生成邮件和短信按钮
    		var editStr = "<a class='diyBtn1' id='diyBtn_" + treeNode.id
    			+ "' title='"+treeNode.name+"'><img src='../image/email.png' /></a>"
    			+ "<a class='diyBtn2' id='diyBtnMess_" + treeNode.id +"'><img src='../image/SMS.png' /></a>";
    		aObj.append(editStr);
    		var btn = $("#diyBtn_"+treeNode.id);
    		var btn1 = $("#diyBtnMess_"+treeNode.id);
    		if (btn) btn.bind("click", function(){
    			setTimeout(function () {
    				emailnotification();
    			}, 1000)
    		});
    		if (btn1) btn1.bind('click', function() {
    			var str = "<div style='width: 300px;height: 300px;border: 1px solid red;position: absolute;'>"
    			+"<p>请输入短信</p></div>";
    			$('#baidumap').append(str)
    		});
    	}
    }

OK，完成

公众号：Coder 杂谈，欢迎关注  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]: /images/20210812/743f3664e1fd4075adc3e3ab6d74ad2f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，577人围观）

还没有评论，来说两句吧...

相关阅读

相关 Ztree 节点的增删改

<script src="/Scripts/zTree_v3/js/jquery.ztree.all-3.5.js" type="text/javascript" ><

短命女/ 2022年07月12日 04:19/ 0 赞/ 228 阅读

相关 ZTree节点单击展开

ZTree 没有提供单击展开节点的功能，所以我们可以利用 onClick 事件回调方法法实现此功能。但是ZTree默认是双击节点展开，为了避免与之冲突，先要把双

红太狼/ 2022年06月16日 04:10/ 0 赞/ 168 阅读

相关 Ztree树节点应用

`树节点增删改查:` 前台jsp页面： <% String root=request.getContextPath();//获取项目目录

青旅半醒/ 2022年06月04日 08:47/ 0 赞/ 191 阅读

相关 zTree获取当前节点的下一级子节点数

使用zTree插件实现树形图中，需要获取当前点击的父节点的子节点数的需求，使用treeNode.children获取子节点数据集合,使用length方法获取集合长度。

绝地灬酷狼/ 2022年06月01日 06:12/ 0 赞/ 179 阅读

相关 ztree显示、折叠所有节点

<html> <head> <title>zTree显示折叠节点</title> <link rel="stylesheet" h

旧城等待，/ 2022年05月25日 05:12/ 0 赞/ 406 阅读

相关 LayaAir Sprite 容器添加子节点

目录 Sprite 容器操作 -------------------- Sprite <table> <tbody> <tr> <td><s

我会带着你远行/ 2022年04月10日 12:39/ 0 赞/ 239 阅读

相关 Ztree实现模糊查询（隐藏未匹配的子父节点）

html页面需要引入以下资源  <script type="text/javascript" src="

灰太狼/ 2022年04月05日 15:42/ 0 赞/ 599 阅读

相关 elementui tabs自定义标签页在标签后面增加添加按钮问题

本来我想实现这样的tab切换效果，能删除和添加 ![20190628114701335.gif][] 但看了看elementui的文档，有点不太一样 ![watermar

刺骨的言语ヽ痛彻心扉/ 2021年12月21日 13:21/ 0 赞/ 3857 阅读

相关 Ztree怎么在子节点后面添加按钮

在setting配置项里增加一个view属性，如下： setting = { view: { addDiyDom: addDi

淡淡的烟草味﹌/ 2021年09月18日 16:34/ 0 赞/ 578 阅读

相关 Json数据节点添加子节点

var jsonstr="[{'name':'a','value':1},{'name':'b','value':2}]"; var jsonarray = eval('...

╰半夏微凉°/ 2021年05月27日 14:03/ 0 赞/ 722 阅读