1. <!DOCTYPE html>
    3. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
    4. <head>
    5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    6.     <title>主界面</title>
    8.     <script  type="text/javascript" src="js/sys.js"></script>
    10.     <link rel="stylesheet" href="js/ztreejs/zTreeStyle/zTreeStyle.css" type="text/css" />
    11.     <script type="text/javascript" src="js/ztreejs/jquery-1.4.4.min.js"></script>
    12.     <script type="text/javascript" src="js/ztreejs/jquery.ztree.core-3.5.js"></script>
    13. </head>
    14. <body style="margin:0 0 0 0px;">
    15.     <table border="0" cellspacing="0" cellpadding="0" style="width:100%; height:100%;">
    16.         <tr>
    17.             <td style="width:180px; border-right:dashed 1px #999999; vertical-align:top;">
    18.                 <ul id="zmLeftTree" class="ztree" style="width:180px; overflow:auto;"></ul>
    19.             </td>
    20.             <td align="left" valign="top">
    21.                 <iframe ID="zmRight_Frame" name="testIframe" frameborder="0" scrolling="auto" 
    22.                     width="100%" height="100%" src=""></iframe>
    23.             </td>
    24.         </tr>
    25.     </table>
    26. </body>
    27. </html>
    28. <script type="text/javascript">
    29.     LeftTreeInit();
    30. </script>
    1. //***********************左边树初始化 开始*********************************
    2. var zTree;
    3. var demoIframe;
    4. var zNodes = [];
    6. var setting = {
    7.     view: {
    8.         dblClickExpand: false,
    9.         showLine: true,
    10.         selectedMulti: false
    11.     },
    12.     data: {
    13.         simpleData: {
    14.             enable: true,
    15.             idKey: "id",
    16.             pIdKey: "pId",
    17.             rootPId: ""
    18.         }
    19.     },
    20.     callback: {
    21.         beforeClick: function (treeId, treeNode) {
    22.             var zTree = $.fn.zTree.getZTreeObj("zmLeftTree");
    23.             if (treeNode.isParent) {
    24.                 zTree.expandNode(treeNode);
    25.                 return false;
    26.             } else {
    27.                 demoIframe.attr("src", treeNode.file);
    28.                 return true;
    29.             }
    30.         }
    31.     }
    32. };
    34. function loadReady() {
    35.     var myWidth = document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth : document.body.clientWidth;
    36.     var myHeight = document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;
    37.     myWidth = parseFloat(myWidth) - 200;
    38.     myHeight = parseFloat(myHeight) ;
    40.     demoIframe.height(myHeight);
    41.     demoIframe.width(myWidth)
    42. }
    44. //左边树初始化
    45. // 创建目录树
    46. function LeftTreeInit() {
    47.     zNodes.push({                                        // 添加结点
    48.         id: 1, pId: 0, name: "后台管理系统", open: true, iconOpen: "js/ztreejs/zTreeStyle/img/diy/1_open.png",
    49.         iconClose: "js/ztreejs/zTreeStyle/img/diy/1_close.png"
    50.     });
    52.     myFile = "cv.html";             // 结点里面要显示的页面
    53.     zNodes.push({ id: 2, pId: 1, name: "简历", file: myFile, icon: "js/ztreejs/zTreeStyle/img/diy/8.png" });
    55.     zNodes.push({
    56.         id: 3, pId: 1, name: "学术安大", open: false, iconOpen: "js/ztreejs/zTreeStyle/img/diy/fopen.gif",
    57.         iconClose: "js/ztreejs/zTreeStyle/img/diy/8.png"
    58.     });
    60.     // adminManager.html ? myyhid=wqr     ?后面是要传的参数
    61.     myFile = "adminManager.html?myyhid=";
    62.     zNodes.push({ id: 301, pId: 3, name: "学术报告", file: myFile, icon: "js/ztreejs/zTreeStyle/img/diy/9.png" });
    64.     myFile = "CZManager.html?myyhid=";
    65.     zNodes.push({ id: 302, pId: 3, name: "人文社科", file: myFile, icon: "js/ztreejs/zTreeStyle/img/diy/11.png" });
    67.     myFile = "CDWHManager.html?myUserID=";
    68.     zNodes.push({ id: 7, pId: 1, name: "信息安大", file: myFile, icon: "js/ztreejs/zTreeStyle/img/diy/8.png" });
    70.     myFile = "CYJSManager.html?myUserID=";
    71.     zNodes.push({ id: 8, pId: 1, name: "媒体安大", file: myFile, icon: "js/ztreejs/zTreeStyle/img/diy/8.png" });
    73.     myFile = "YQLJManager.html?myUserID=";
    74.     zNodes.push({ id: 11, pId: 1, name: "活力安大", file: myFile, icon: "js/ztreejs/zTreeStyle/img/diy/8.png" });
    76.     myFile = "YQLJManager.html?myUserID=";
    77.     zNodes.push({ id: 12, pId: 1, name: "校友安大", file: myFile, icon: "js/ztreejs/zTreeStyle/img/diy/8.png" });
    79.     var myTree = $("#zmLeftTree");
    80.     myTree = $.fn.zTree.init(myTree, setting, zNodes);
    82.     demoIframe = $("#zmRight_Frame");
    83.     demoIframe.bind("load", loadReady);
    85.     try {
    86.         var myHeight = document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;
    87.         myHeight = parseFloat(myHeight) + 10;
    88.         document.getElementById("zmRight_Frame").style.height = myHeight;
    89.     }
    90.     catch (e) { }
    91. }
    93. //***********************左边树初始化 结束*********************************