ztree懒加载树形结构
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<HTML>
<HEAD>
   <TITLE> ZTREE DEMO - Simple Data</TITLE>
   <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   <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>
   <script type="text/javascript" src="js/jquery.ztree.excheck-3.5.js"></script>
   <script type="text/javascript" src="js/jquery.ztree.exedit-3.5.js"></script>
   <SCRIPT type="text/javascript">
      var setting = {
         data: {
            simpleData: {
               enable: true
            }
         },
         async: {
            enable: true,
            type:"get",
            url:"url/api/folder/sub_node",
            autoParam:["id=searchfolderID"],
                otherParam:{"searchKey":""},
            dataFilter: filter
         },
            check: {
                enable: true
            }
      };

      function filter(treeId, parentNode, childNodes) {
         if (!childNodes) return null;
         for (var i=0, l=childNodes.length; i<l; i++) {
            childNodes[i].name = childNodes[i].name.replace('','');
         }
            var arr = new Array();
            $.each(childNodes.Result.Folders,function(index,obj){
                arr.push({"id":obj.ID,"pid":obj.PID,"name":obj.Name,isParent:true,nocheck: true})
            });
            $.each(childNodes.Result.Files,function(index,obj){
                arr.push({"id":obj.ID,"pid":"","name":obj.Name+obj.Extension,isParent:false})
            });
         return arr;
      }

      $(document).ready(function(){
            $.ajax({
                url: "url/api/folder/sub_node?searchfolderID=1291163512778004223&searchKey=",
                type: "get",
                dataType: "json",
                success: function (data) {
                    var arr = new Array();
                    $.each(data.Result.Folders,function(index,obj){
                        arr.push({"id":obj.ID,"pid":obj.PID,"name":obj.Name,isParent:true,nocheck: true})
                    });
                    $.each(data.Result.Files,function(index,obj){
                        arr.push({"id":obj.ID,"pid":"","name":obj.Name+obj.Extension,isParent:false})
                    });
                    $.fn.zTree.init($("#treeDemo"), setting,arr);
                }
            });
      });
   </SCRIPT>
 </HEAD>

<BODY>

<script type="text/javascript">
<%--alert("<%=basePath%>");--%>
</script>
<h1><%=basePath%></h1>
<div class="content_wrap">
   <div class="zTreeDemoBackground left">
      <ul id="treeDemo" class="ztree" style="width: 800px"></ul>
   </div>
</div>
</BODY>
</HTML>
demo源码地址：https://pan.baidu.com/s/1a8Rm_NLMPjSIWZSaZSDwqg 提取码：cgar