9月11日分布式缓存周二

最新推荐文章于 2024-06-12 22:10:56 发布

原创最新推荐文章于 2024-06-12 22:10:56 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

2018 专栏收录该内容

337 篇文章

订阅专栏

本文介绍了一个使用Java开发的Web应用实例，重点展示了如何将zTree组件集成到项目中，实现动态加载树形结构数据。通过具体的代码示例，讲解了页面的基本配置、Ajax设置及zTree初始化过程。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">

    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
  <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css"></link>
  <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="js/jquery.ztree.all.js"></script>
  <script type="text/javascript">
    $.ajaxSetup({
        async:false
    });
    $(function (){
        var setting = {
            data:{
                simpleData:{
                    enable:true,
                    idKey:"ID",
                    pIdKey:"PID"
                },
                key:{
                    name:"NAME"
                }
            }
        }
        var nodes;

        $.post(
            "<%=basePath%>/getNodes.do",
            function(obj){
                nodes = obj;
            },"json"
        )

        $.fn.zTree.init($("#aa"),setting,nodes);
    })
  </script>
  </head>

  <body>
    <ul id="aa" class="ztree"></ul>
    1
  </body>
</html>