init

cy

2022-06-21 129904537f66509f97b285e7eb4f42b3dc349dd0

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<#ftl>
<#macro cfgcate id="" name="" value="" text="" lv="3" width="200px" call="" catetype="">
<link rel="stylesheet" href="${common_static}/static/plugins/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css"/>
<link rel="stylesheet" href="${common_static}/static/plugins/ztree/css/demo.css" type="text/css"/>
<script type="text/javascript" src="${common_static}/static/plugins/ztree/js/jquery.ztree.all-3.5.min.js"></script>
<input id="${id}" name="${id}" type="hidden" value="${value}"/>
<input id="${name}" name="${name}" class="general" type="text" style="width:${width};" value="${text}" readonly/>
 
<script type="text/javascript">
    var setting = {
        async: {
            enable: true,
            url:"${base}/business/pages/customerconfig/slacustomer/ciTree.html?catetype=${catetype}",
            autoParam:["id"]
        },callback: {
            onClick: onClick,
            beforeClick : beforeClick
        }
    };
    
    $(function(){
        /* combotree("${name}").create().treeCon().attr({"id":"ztree"});
        combotree("${name}").treeCon().addClass("ztree"); */
        $.fn.zTree.init($("#treeDemo"), setting);
        $("#${name}").click(function(){
            showMenu();
        });
        
    });
 
    function clearTree() {
        $("#${id}").val("");
        $("#${name}").val("");
        hideMenu();
    }
    
    function showMenu() {
        var categoryObj = $("#${name}");
        var categoryOffset = $("#${name}").offset();
        $("#menuContent").css({left:categoryOffset.left + "px", top:categoryOffset.top + categoryObj.outerHeight() + "px"}).slideDown("fast");
        $("body").bind("mousedown", onBodyDown);
    }
    function hideMenu() {
        $("#menuContent").fadeOut("fast");
        $("body").unbind("mousedown", onBodyDown);
    }
    function onBodyDown(event) {
        if (!(event.target.id == "menuBtn" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
            hideMenu();
        }
    }
    
    
    function onClick(event, treeId, treeNode, clickFlag) {
 
        var name;
        var id;
        name = treeNode.name;
        id = treeNode.id;
        var obj = getRootPath(treeNode,id,name);
 
            $("#${id}").val(obj.id);
            $("#${name}").val(obj.name);
            $("#ztree").hide();
        hideMenu();
        <#if call!="">
        ${call}(obj.id,obj.name);
        </#if>
    }
        
    //递归获取完整路径
    function getRootPath(treeNode,id,name){
        var node = treeNode.getParentNode();
        if(node!=null){
            id = node.id + '-' + id;
            name = node.name + '-' + name;
            return getRootPath(node,id,name);
        }else{
            return {id:id,name:name};
        }
    }
    
    function beforeClick(treeId, treeNode, clickFlag){
        lv = '${lv}';
        var level = 1;
        level = getLevel(treeNode,level);
        if(level>=parseInt(lv)){
            return true;
        }else{
            return false;
        }
    }
    
    function getLevel(treeNode,level){
        var node = treeNode.getParentNode();
        if(node!=null){
            level = level + 1;
            return getLevel(node,level);
        }else{
            return level;
        }
    }
    
</script>
<div id="menuContent" style="display:none; position: absolute;z-index:2001;">
    <ul id="treeDemo" class="ztree" style="margin-top:0; width:${width};border:1px solid #d4d4d4;"></ul>
    <a style="border:1px solid #bfbfbf;border-top:none; width:${width};line-height:25px;display:block;font-size:14px; padding:0px 10px 0 0;color:#0e76e5;text-align:right;background:#fff;" href="javascript:clearTree();">清空</a>
</div>   
</#macro>