jQuery ztree

//下载ztree demo

<link rel="stylesheet" href="${request.contextPath}/js/marketing/tree/demo.css">
<link rel="stylesheet" href="${request.contextPath}/js/marketing/tree/zTreeStyle.css">
<script type="text/javascript" src="${request.contextPath}/js/marketing/tree/jquery.ztree.core.js" ></script>
<script type="text/javascript" src="${request.contextPath}/js/marketing/tree/jquery.ztree.excheck.js" ></script>

<%--团队下拉树--%>
<div id="menuContent" class="menuContent" style="display:none; position: absolute;">
    <ul id="treeDemo" class="ztree" style="margin-top:0; width:180px; height: 300px;"></ul>
</div>

<input id="citySel" type="text" readonly  οnclick="showMenu();" />

var setting = {
    check: {
        enable: true,
        chkboxType: {"Y": "", "N": ""}
    },
    view: {
        dblClickExpand: false
    },
    data: {
        simpleData: {
            enable: true,//表示使用简单数据模式
        }
    },
    callback: {
        beforeClick: beforeClick,
        onCheck: onCheck
    }
};
var zNodes = null;
//请求树数据
$.ajax({
    type: 'post',
    url: '/marketing/commpanyTree',
    data: {"companyDto.modelType": "1.0"},
    success: function (result) {
        zNodes = result.data.list;
        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
    }
})

function beforeClick(treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("treeDemo");
    zTree.checkNode(treeNode, !treeNode.checked, null, true);
    return false;
}

function onCheck(e, treeId, treeNode) {
    var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
        nodes = zTree.getCheckedNodes(true),
        v = "";
    for (var i = 0, l = nodes.length; i < l; i++) {
        v += nodes[i].name + ",";
    }
    if (v.length > 0) v = v.substring(0, v.length - 1);
    var cityObj = $("#citySel");
    cityObj.attr("value", v);
}

function showMenu() {
    var cityObj = $("#citySel");
    var cityOffset = $("#citySel").offset();
    $("#menuContent").css({
        left: cityOffset.left + "px",
        top: cityOffset.top + cityObj.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 == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length > 0)) {
        hideMenu();
    }
}