JSP代码片段

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script type="text/javascript"

    src="${ctx}/thscommon/javascript/jquery-1.7.2.min.js"></script>

<script type="text/javascript"

    src="${ctx}/win/javascript/jquery.ztree.core-3.5.js"></script>

<link rel="stylesheet" href="${ctx}/win/css/zTreeStyle/zTreeStyle.css"

    type="text/css">

<title>Insert title here</title>

<script type="text/javascript">

    var setting = {

        /* check : {

            enable : true,

            chkStyle : "radio",

            radioType: "id"

        }, */

        async : {

            enable : true,

            url : "${ctx}/common/tree/river!getNodeData.action",

            autoParam : [ "id" ],

            dataFilter : filter

        },

        callback : {

            //beforeClick: beforeClick,

            onClick : onClick

        }

    };

    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(/\.n/g, '.');

        }

        return childNodes;

    }

    function onClick(event, treeId, treeNode, clickFlag) {

        var win = art.dialog.open.origin;//来源页面

        win.snstSet(treeNode.id, treeNode.name,$("#idx").val());

        $.dialog.close();

    }

    $(document).ready(function() {

        $.fn.zTree.init($("#tree"), setting);

    });

//-->

</script>

</head>

<body>

    <div class="zTreeDemoBackground left">

        <ul id="tree" class="ztree"></ul>

    </div>

    <input type="hidden" id="idx" name="idx" value="${idx}">

</body>

</html>

action处理如下

public void getNodeData() {

		List<Map<String, Object>> nodedata = service.getNodes(this.getId());

		List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();

		Map<String, Object> tmp = null;

		for (Map<String, Object> map : nodedata) {

			tmp = new HashMap<String, Object>();

			tmp.put("id", map.get("id"));

			tmp.put("name", map.get("name"));

			tmp.put("isParent",

					Integer.valueOf(map.get("cnt").toString()) > 0 ? true

							: false);

			list.add(tmp);

		}

		try {

			PrintWriter out;

			JSONObject jo = new JSONObject();

			response.setCharacterEncoding("gbk");

			response.setContentType("text/html; charset=GBK");

			out = response.getWriter();

			System.out.println(JSONArray.fromObject(list).toString());

			out.print(JSONArray.fromObject(list).toString());

			out.close();

		} catch (IOException e) {

			e.printStackTrace();

		}

	}

　　Service处理如下

public List<Map<String, Object>> getNodes(String id) {

		return dao.getNodes(id);

	}

　　Dao处理如下

public List<Map<String, Object>> getNodes(String id) {

		List<String> params = new ArrayList<String>();

		StringBuffer querySQL = new StringBuffer();

		querySQL.append("SELECT tt.wsystemcode id,tt.wsystemname name");

		querySQL.append(",(SELECT COUNT (1) cnt FROM datacenter_v3.tcode.t_cod_wsystem t WHERE t.parentcode = tt.wsystemcode) cnt");

		querySQL.append(" FROM datacenter_v3.tcode.t_cod_wsystem tt");

		querySQL.append(" WHERE 1=1");

		if(Tool.isNull(id)){

			querySQL.append(" and tt.parentcode is null");

		}else{

			querySQL.append(" and tt.parentcode = ?");

			params.add(id);

		}

		querySQL.append(" GROUP BY tt.wsystemcode,tt.wsystemname");

		querySQL.append(" ORDER BY tt.wsystemcode");

		return search(querySQL.toString(), params.toArray());

	}

　　

Ztree异步树加载的更多相关文章

  1. 爱上MVC3~MVC+ZTree大数据异步树加载

    回到目录 理论部分: MVC+ZTree:指在.net MVC环境下进行开发,ZTree是一个jquery的树插件 大数据:一般我们系统中,有一些表结构属于树型的,如分类,地域,菜单,网站导航等等,而 ...

  2. MVC小系列（十四）【MVC+ZTree大数据异步树加载】

    ZTree是一个jquery的树插件可以异步加载 第一步定义一个标准的接口(指的是与ztree默认的数据元素保持一致) /// <summary> /// ZTree数据结构 /// &l ...

  3. MVC+ZTree大数据异步树加载

    实例部分: 首先是为ZTree提供的数据规范,定义一个标准的接口,这样对于前台调用是清楚的,简单的,因为它返回的JSON数据将与ZTree默认的数据元素保持一致 /// <summary> ...

  4. Jquery插件 之 zTree树加载

    原文链接:https://blog.csdn.net/jiaqu2177/article/details/80626730 zTree树加载 zTree 是一个依靠 jQuery 实现的多功能 “树插 ...

  5. flask+sqlite3+echarts3+ajax 异步数据加载

    结构: /www | |-- /static |....|-- jquery-3.1.1.js |....|-- echarts.js(echarts3是单文件!!) | |-- /templates ...

  6. javascript 异步模块加载 简易实现

    在javascript是没有类似java或其他语言的模块概念的,因此也不可能通过import或using等关键字来引用模块,这样造成了复杂项目中前端代码混乱,变量互相影响等. 因此在复杂项目中引入AM ...

  7. Angularjs 异步模块加载项目模板

    ng-lazy-module-seed(Angularjs 异步模块加载项目模板) 相信做过SPA项目的朋友都遇到过这个问题:页面初始化时需要加载文件太大或太多了,许多文件加载后很可能不会运行到,这是 ...

  8. 页面全部加载完毕和页面dom树加载完毕

    dom树加载完毕 $(document).ready()//原生写法document.ready = function (callback) {            ///兼容FF,Google   ...

  9. Dojo初探之1：AMD规范，编写符合AMD规范（异步模块加载机制）的模块化JS(其中dojo采用1.11.2版本)

    一.AMD规范探索 1.AMD规范(即异步模块加载机制) 我们在接触js的时候,一般都是通过各种function来定义一些方法,让它们帮我们做一些事情,一个js可以包含很多个js,而这些functio ...

随机推荐

  1. js charts去掉logo

    打开js charts 3的源代码搜索关键字"fs.bg",然后会找到 fs.bg.2v(fX),将这句代码删掉就OK了,可能有的版本会是fs.bg.2u(fX) 欢迎加入群:25 ...

  2. Android基础之CountDownTimer 倒计时类

    app常用的60s倒计时计时功能: private static final int TIME_LIMIT = 60; private void initView() { // 相关控件 mResen ...

  3. 使用关联对象（AssociatedObject）为UIButton添加Block响应

    在开发中,要给UIButton添加点击事件的话,通常的做法是这样的 UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem]; [ ...

  4. Linux(CentOS)安装配置zeromq、jzmq（解决各种问题）

    今天为Hadoop配置zeromq.jzmq遇到各种问题,先是编译出错,到编译成功后测试出错等等,下面将我遇到的问题与大家分享一下. 第一个注意点是:必须先编译安装zeromq,然后在编译jzmq,否 ...

  5. Tomcat7配置数据源（Oracle）

    修改../conf/content.xml <?xml version='1.0' encoding='utf-8'?> <!-- The contents of this file ...

  6. leetcode Linked List Cycle II python

    # Definition for singly-linked list. # class ListNode(object): # def __init__(self, x): # self.val = ...

  7. 浏览器间bug

    转自:http://www.cnblogs.com/yexiaochai/archive/2013/06/10/3130632.html 1.IE7的bug 就是z-index需要依赖其父元素的z-i ...

  8. CSS层

    在使用元素定位时,从可视角度讲,不可避免地会发生两个元素试图同时出现于同一位置的情况.显示其中一个就会覆盖另外一个. 如果将网页的二维空间延伸到三维空间,就会解决上述元素覆盖问题. 在坐标系中,通过增 ...

  9. python3.5之输出HTML实体字符

    出  关①   徐兰 凭山俯海古边州, 旆②影风翻见戍楼. 马后桃花马前雪,出关争得不回头? [注]关,指居庸关.②旆(pèi),旌旗. 刚刚学习用python写爬虫,实战一下. 抓取出一个网页的内容 ...

  10. C++ 一些容易忽略的基本点

    new 高级应用 delete 其他用途帮助函数严格匹配类型 char teststr[100] = { 0 };// 静态区void test3(){ // 堆区 int *p = new int[ ...