zTree使用实例

最新推荐文章于 2019-01-18 01:12:27 发布

梦幻般的菜鸟

最新推荐文章于 2019-01-18 01:12:27 发布

阅读量3.8k

点赞数

本文链接：https://blog.csdn.net/u011025329/article/details/52815893

版权

本文详细介绍了zTree的使用，包括zTree的关闭、数据保存、节点操作（添加、删除）、拖拽功能以及右键菜单的实现。通过实例展示了如何配置zTree，以及在JavaScript中进行节点管理的方法。

摘要由CSDN通过智能技术生成

var this_;
    	var this_id;
    	var this_name;
    	var this_data;
    	var this_pId;
    	var p_tId;
    	//zTree配置开始
    	$(".zTreeDom_close").click(function(){//关闭zTree按钮
    		$(".zTreeDom").hide();
    		$("#treeDemo").hide();
    	})
    	$("#zTreeDom_save").click(function(){//保存数据
    		$("#ztree_add").hide();
    		var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
			var child = treeObj.getNodes();	
			var ztreeNodes = [];
			function children (child) {
				for(var i = 0; i < child.length; i++){
					var data = {name:child[i].name,data:child[i].data};
					ztreeNodes.push(data);
					var childs = child[i].children;
					if(childs == undefined){
						continue;
					}else{
						children(childs);
					}
				}
			}
			children (child)
			console.log(ztreeNodes);
    	})
    	
    	
    	$(document).mousedown(function(){//右键的小菜单消失
    		$("#ztreeRight").hide();
    	});
    	$("#ztreeRight_add").mousedown(function(){
    		$("#ztree_add").show();
    		$("#add_content").find("input").eq(0).val("");
			$("#add_content").find("input").eq(1).val("");
    	})
    	$("#ztreeRight_remove").mousedown(function(){//确定是否删除节点弹框
    		var c