jquery的插件之zTree———不同的方法展现树

ztree的官网：ztree .me

 

1、使用zTree需要引入的样式

<!-- 引入的是ztree的样式文件 -->
<link rel="stylesheet" href="${pageContext.request.contextPath }/js/ztree/zTreeStyle.css" type="text/css">
<script type="text/javascript" src="${pageContext.request.contextPath }/js/ztree/jquery.ztree.all-3.5.js"></script>

2、使用标准json数据构造zTree

       

<div title="面板二">
			 <!--  展示ztree效果，使用标准json数据结构ztree
			 ul标签的作用：需要在ul这个位置展现一棵树 -->
			 <ul id="ztree1" class="ztree"></ul>
			 书写树的js样式
			 <script type="text/javascript">
			  $(function(){
				  //页面加载完成后࿰