jquery zTree异步加载实例

web.xml中Servlet配置如下:

[html]

 1   <?xml version="1.0" encoding="UTF-8"?>
 2     <web-app version="2.4"
 3         xmlns="http://java.sun.com/xml/ns/j2ee"
 4         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 5         xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
 6         http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
 7
 8
 9         <servlet>
10             <servlet-name>getDataServlet</servlet-name>;
11             <servlet-class>testTree.TestTree</servlet-class>;
12         </servlet>
13
14         <servlet-mapping>
15         <servlet-name>getDataServlet</servlet-name>;
16         <url-pattern>/getData</url-pattern>;
17         </servlet-mapping>
18
19     </web-app>  

JSP页面:

 1   <?xml version="1.0" encoding="UTF-8"?>
 2     <web-app version="2.4"
 3         xmlns="http://java.sun.com/xml/ns/j2ee"
 4         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 5         xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
 6         http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
 7
 8
 9         <servlet>
10             <servlet-name>getDataServlet</servlet-name>;
11             <servlet-class>testTree.TestTree</servlet-class>;
12         </servlet>
13
14         <servlet-mapping>
15         <servlet-name>getDataServlet</servlet-name>;
16         <url-pattern>/getData</url-pattern>;
17         </servlet-mapping>
18
19     </web-app>  

Action代码:

 1 [java] view plain copy
 2
 3         public class TestTree extends HttpServlet {
 4
 5             @Override
 6             public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 7         //      System.out.println("--------doGet--------");
 8                 this.doPost(request, response);
 9             }
10
11             @Override
12             public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
13         //      System.out.println("--------doPost--------");
14                 String id = request.getParameter("id");
15                 String name = request.getParameter("name");
16                 String level = request.getParameter("level");
17                 String otherParam = request.getParameter("otherParam");
18                 System.out.println(id + "|" + name + "|" + level + "|" + otherParam);
19
20                 JSONObject json = new JSONObject();
21                 List<HashMap<String,Object>> list = new ArrayList<HashMap<String,Object>>();
22
23                 for(int i = 0; i < 5; i++){
24                     HashMap<String,Object> hm = new HashMap<String,Object>();   //最外层,父节点
25                     hm.put("id", id + i);//id属性  ,数据传递
26                     hm.put("name", id + i); //name属性,显示节点名称
27                     hm.put("pId", id);
28
29                     list.add(hm);
30                 }
31
32                 JSONArray arr = new JSONArray(list);
33                 json.put("success", true);
34                 json.put("arr", arr);
35
36                 System.out.println("--------json------" + json.toString());
37                 response.getWriter().write(arr.toString());
38         //      response.getWriter().write(json.toString());
39         //      response.getWriter().write("[{pId:‘2‘,name:‘20‘,id:‘20‘}]");
40             }
41
42         } 
时间: 2024-10-11 13:03:39

jquery zTree异步加载实例的相关文章

JQuery ztree 异步加载实践

本来要做一个文件目录浏览界面,需要遍历所有的文件和目录,很显然一次性读取时很费时费力的一件事情. 因此就需要做异步加载.... 不过网上的几篇帖子还挺坑的!原始参考:JQuery异步加载实例,相对来说这篇博客还算规整! 准备工作 1 JQuery ZTree,下载地址 复制其中的JS和CSS即可,其实没必要引那么多,用什么引什么就可以. 2 需要fastJSON,用来转换JSON对象,下载地址 我下载JAR包后,引入到Eclipse中总是报找不到class错误. 解决办法:把jar包放在WEB-

bootstrap jQuery Ztree异步加载数据,check选择&amp;可添加、修改、删除节点

效果图: 一.下载zTree插件 地址:http://www.ztree.me 二.html代码 <link href="../Scripts/zTree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" /> <script src="../Scripts/zTree/js/jquery-1.4.4.min.js"></script> <script src

【zTree】简单实例与异步加载实例

[zTree]简单实例与异步加载实例 我们在项目中经常会需要用到树,这次按照数据库存储的特点重新了做一个小demo,使用zTree来实现这个功能. 简单实例: 首先我们需要在界面中引入代码,很简单,但是很重要,它用来存放加载的树. ps:添加ztree的引用,下载地址:http://www.ztree.me/v3/main.php#_zTreeInfo [html] view plain copy <span style="font-family:KaiTi_GB2312;font-siz

ztree异步加载

Ztree异步加载的意思就是: 当点击展开树节点时,才去请求后台action返回点击节点的子节点数据并加载. 直接贴代码(SpringMvc+Mybatis): 前台页面ztreeList.jsp: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); Stri

Jquery树控件ZTree异步加载

转载请注明出处:jiq?钦's technical Blog 异步加载的意思就是: 当点击展开树节点时,才去请求后台action返回点击节点的子节点数据并加载. 这里面主要设计ztree的setting变量的async属性设置: var setting = { async: { enable: true, url:"InitServiceIpsData.action", autoParam:["id", "name"], dataFilter:

SpringMVC+Jquery -页面异步加载数据

背景: 做项目时涉及到页面,当我打算在controller中传一个list到页面,然后通过<c:foreach>循环遍历出来时,同事说:你这样每次都要刷新,这都是几百年前使用的技术了.你用post实现异步加载数据.然后就...... ResultUtil.java 工具类: package com.sgcc.uds.fs.config.web.util; import java.util.HashMap; import java.util.Map; import net.sf.json.JSO

Ztree异步加载自动展开节点

在Ztree的官网Demo中,有自动展开的例子,是通过设置节点属性open:true来实现自动展开的,但是在异步加载中,这个属性设置为true也不会自动展开,因为open:true是指在有子节点的情况下展开,在异步加载之前,当前节点是没有子节点的,所以无法打开.异步加载自动展开解决方法如下: 1.设置ztree的加载完成的回调函数: setting = {      ......                  callback: {        ......        onAsyncS

zTree异步加载自动展开

最近在处理一个树形菜单,要做到异步加载.自动展开.可怎么搞都不行,要点击一下才能展开所有. 使用的zTree版本是v3.5.18.其实还是蛮简单的.话不多说,代码如下: /**  * 初始化菜单  */ var initTree = function(treeId) {     var settings = {             treeId: treeId,             async: {                 enable: true,               

关于ztree异步加载的问题(二)

本来以为这个异步加载会很难控制,因为考虑到ztree节点图标的控制,结果并不是那么困难,ztree自己控制图标,你只要在json中设置isParent:true,它自己会识别父节点并控制图标,以下是核心代码: <!--前台js代码以及html--> //参数设置 var setting={ async: { enable: true, url:"${pageContext.request.contextPath}/page/department_ascyDepartment.do&q