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. Oracle EBS 如何月结、对账[Z]

    在Oracle系统处理月结业务时,需要遵循一定的操作顺序.这些业务,牵涉到相应的模块,包括:应付模块.采购模块.库存模块.应收模块.薪资模块.固定资产和总帐模块等 在Oracle系统中,总帐模块处于财 ...

  2. Deep Clone 常用方式总结

    Deep Clone Example 总结 Deep Clone 一般有如下几种实现方式: 纯手工每个类实现赋值 (ps: 不做介绍,一般都不想这么玩) 序列化和反序列化 纯反射 emit 或 Exp ...

  3. Programming C#.Classes and Objects.只读字段

    只读字段 当字段声明中含有 readonly 修饰符时,该声明所引入的字段为只读字段.给只读字段的直接赋值只能作为声明的组成部分出现,或在同一类中的实例构造函数或静态构造函数中出现.(在这些上下文中, ...

  4. CSS3盒模型display:-webkit-box;的使用

    box-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构.css实现的布局方式.经典的一个布局应用就是布局的垂直等高.水平均分.按比例划分. 目前box-flex属性还没有得到 ...

  5. Android ORM SQL Top 5

    If you are developing an Android application, you will likely need to store data somewhere. You may ...

  6. -webkit-filter是神马?

    这些滤镜效果最初是用于SVG的,W3C引入到CSS中,然后制定了CSS Filter Effects 1.0,现在webkit率先支持了它.   现在规范中支持的效果有:   - grayscale ...

  7. onActivityResult不起作用？可能是和你的launchMode有关！

    昨天在自己的项目中用到了onActivityResult()方法获得activity的返回值.我从Activity01通过 startActivityForResult启动了Activity02和Ac ...

  8. NOI2012 Day2

    NOI2012 Day2 迷失游乐园 题目描述:给出一个\(n\)个点的图,边数为\(n-1\)或\(n\).从某个点出发,每次等概率地随机选一个相连的并且没有经过过的点,直到不能走为止,问期望路径长 ...

  9. 《windows程序设计》学习_4.1：计时器（可用于扫雷）

    为了做一个逼真的扫雷,我的扫雷程序的位图都是从windowsXP下面的扫雷里来的.具体是怎么获取位图的呢?win8.1不给力,习惯了vc++6.0,所以虚拟机里装上了xp,用vc++6.0加载扫雷程序 ...

  10. current imporant Posts

    CRUD是指在做计算处理时的增加(Create).读取(Retrieve)(重新得到数据).更新(Update)和删除(Delete) http://www.centos.org/docs/5/htm ...