经验总结04-ztree使用

zTree是一个关于树的插件，使用极为方便。

只需要传递json数据，该插件即可帮你绑定一棵树。

<link rel="stylesheet" href="../../../css/demo.css" type="text/css">
<link rel="stylesheet" href="../../../css/zTreeStyle/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="../../../js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../../../js/jquery.ztree.core-3.5.js"></script>

var zNodes =[
			{ id:1, pId:0, name:"父节点1 - 展开", open:true},
			{ id:11, pId:1, name:"父节点11 - 折叠"},
			{ id:111, pId:11, name:"叶子节点111"},
			{ id:112, pId:11, name:"叶子节点112"},
			{ id:12, pId:1, name:"父节点12 - 折叠"},
			{ id:121, pId:12, name:"叶子节点121"},
			{ id:124, pId:12, name:"叶子节点124"},
			{ id:13, pId:1, name:"父节点13 - 没有子节点", isParent:true},
			{ id:2, pId:0, name:"父节点2 - 折叠"},
			{ id:21, pId:2, name:"父节点21 - 展开", open:true},
		];

var setting = {	};

$(document).ready(function(){
			$.fn.zTree.init($("#treeDemo"), setting, zNodes);
});

另使用java或c#可传递数组参数，使用js的var obj = eval('(' + str + ')');转化成json，赋给zTree即可。

详细参考官方：http://www.ztree.me/v3/main.php

转载于:https://www.cnblogs.com/qjmMoon/p/3759945.html