【WEB前端】递归拼接ZTree控件json字符串

千山牧雪

于 2016-01-31 16:12:43 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB前端文章标签： web前端 ztree 递归 json js

本文链接：https://blog.youkuaiyun.com/u011704894/article/details/50615012

WEB前端专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个JavaScript函数，该函数能将ZTree中被勾选的节点转换为JSON格式，包括处理父节点和子节点的关系。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

		function test() {
			var root = zTree.getNodeByTId("zTree_1");
			var json = "";
			json = getJson(root, json);
			alert(json);
		}
		
		function getJson(treeNode, json) {
			if ( treeNode.isParent && ( treeNode.checked || treeNode.halfCheck ) ) { // 所有勾选/半勾选的节点
				json += "{\"open\":true, \"isParent\":true, \"name\":\"" + treeNode.name + "\",\"id\":\"" + treeNode.id + "\",\"children\":[";
				var childrenNodes = treeNode.children; 
				if ( childrenNodes ) { 
					for ( var i = 0; i < childrenNodes.length; i++ ) { 
						if ( childrenNodes[i].isParent ) {
							json = getJson(childrenNodes[i], json); // 递归
						} else {
							if ( childrenNodes[i].checked ) {
								json += "{\"isParent\":false, \"name\":\"" + childrenNodes[i].name + "\",\"id\":\"" + childrenNodes[i].id + "\"},";
							}
						}
					}
					json = json.substr(0, json.length - 1); // 去除最后一个 ,
				} 
				json += "]},";
			} 
			return json;
		}