zTree在Asp.Net中的使用

前台代码：

<link rel="stylesheet" href="../css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="../script/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="../script/jquery.ztree.core-3.5.js"></script>
    <script type="text/javascript" src="../script/jquery.ztree.excheck-3.5.js"></script>
    <script language="javascript" type="text/javascript">
        
        var setting = {
            check: {
                enable: true,
                chkboxType: {"Y":"", "N":""}
            },
            view: {
                dblClickExpand: false
            },
            data: {
                simpleData: {
                    enable: true
                }
            },
            callback: {
                beforeClick: beforeClick,
                onCheck: onCheck
            }
        };

        var zNodes =<%= seriesData.ToString() %>;

        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 = "";
            var hidSaveId = "";
            for (var i=0, l=nodes.length; i<l; i++) {
                v += nodes[i].name + ",";
                hidSaveId += nodes[i].id + ",";
            }
            if (v.length > 0 ) v = v.substring(0, v.length-1);
            var cityObj = $("#txtProPlayers");
            cityObj.attr("value", v);
            var hidObj = $("#hidSaveId");
            hidObj.attr("value",hidSaveId);
        }

        function showMenu() {
            var cityObj = $("#txtProPlayers");
            var cityOffset = $("#txtProPlayers").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 == "txtProPlayers" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length>0)) {
                hideMenu();
            }
        }

        $(document).ready(function(){
            $.fn.zTree.init($("#treeDemo"), setting, zNodes);
        });


        function proSave()
        {
            var proname = document.getElementById('txtProName').value;
            if(proname.length < 1)
            {
                alert('项目名称不能为空！');
                return false;
            }
            else
            {
                return true;
            }
        }
    </SCRIPT>

<asp:TextBox ID="txtProPlayers" ReadOnly="true" runat="server" Width="300px"  onclick="showMenu();" ></asp:TextBox>
                    <div >
                        <ul ></ul>
                    </div>
                    <asp:HiddenField ID="hidSaveId" runat="server" />

View Code