经验总结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

posted @ 2014-05-28 19:58  moonL  阅读(176)  评论(0编辑  收藏  举报