码迷,mamicode.com
首页 > 其他好文 > 详细

Ztree异步树加载

时间:2015-07-13 11:48:37      阅读:94      评论:0      收藏:0      [点我收藏+]

标签:

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();
		}
	}

  

Ztree异步树加载

标签:

原文地址:http://www.cnblogs.com/fxfly/p/4642221.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!