zoukankan      html  css  js  c++  java
  • Ztree异步树加载

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

      

  • 相关阅读:
    无人值守安装linux
    数组中只出现过一次的数字 牛客网 剑指Offer
    数组中出现次数超过一半的数字 牛客网 剑指Offer
    数据流中的中位数 牛客网 剑指Offer
    数字在排序数组中出现的次数 牛客网 剑指Offer
    数值的整数次方 牛客网 剑指Offer
    按之字形顺序打印二叉树 牛客网 剑指Offer
    把数组排成最小的数 牛客网 剑指Offer
    把字符串转换成整数 牛客网 剑指Offer
    把二叉树打印成多行 牛客网 剑指Offer
  • 原文地址:https://www.cnblogs.com/fxfly/p/4642221.html
Copyright © 2011-2022 走看看