left.jsp 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>左边菜单</title>
  6. <!--框架必需start-->
  7. <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
  8. <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
  9. <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
  10. <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/"/>
  11. <link rel="stylesheet" type="text/css" id="customSkin"/>
  12. <!--框架必需end-->
  13. <!-- 树start-->
  14. <script type="text/javascript" src="${ctx}/qui/libs/js/tree/ztree/ztree.js"></script>
  15. <link href="${ctx}/qui/libs/js/tree/ztree/ztree.css" rel="stylesheet" type="text/css"/>
  16. <!-- 树end-->
  17. <script type="text/javascript">
  18. var setting = {
  19. callback: {
  20. onClick: onClick
  21. }
  22. };
  23. var zNodes =${menuNode};
  24. function initComplete(){
  25. jQuery.fn.zTree.init($("#treeDemo"), setting, zNodes);
  26. //每次刷新时保持上次打开的
  27. showContent();
  28. }
  29. function showContent(){
  30. var treeNodeId=jQuery.jCookie('leftTreeNodeId');
  31. if(treeNodeId==false||treeNodeId=="false"){}
  32. else{
  33. var zTree = jQuery.fn.zTree.getZTreeObj("treeDemo");
  34. var node = zTree.getNodeByParam("id", treeNodeId);
  35. zTree.selectNode(node);
  36. if(node.url){
  37. //每次刷新时设置当前位置内容
  38. if(node.name=="当前位置"){
  39. top.positionType="normal";
  40. top.positionContent="当前位置:"+node.getParentNode().name+">>"+node.name;
  41. }
  42. else{
  43. top.positionType="none";
  44. }
  45. top.frmright.location=node.url;
  46. }
  47. }
  48. }
  49. function onClick(e,treeId, treeNode){
  50. //单击展开
  51. var zTree = jQuery.fn.zTree.getZTreeObj("treeDemo");
  52. zTree.expandNode(treeNode);
  53. //出现进度条
  54. if(treeNode.url!=null){
  55. showProgressBar();
  56. }
  57. //可以设置某些页面出现或者某些页面不出现当前位置组件
  58. if(treeNode.name=="当前位置"){
  59. //每次点击时设置当前位置内容
  60. top.positionContent="当前位置:"+treeNode.getParentNode().name+">>"+treeNode.name;
  61. top.positionType="normal";
  62. }
  63. else{
  64. top.positionType="none";
  65. }
  66. //存储点击节点id
  67. jQuery.jCookie('leftTreeNodeId',treeNode.id.toString());
  68. }
  69. function showAll(){
  70. var treeObj=jQuery.fn.zTree.getZTreeObj("treeDemo");
  71. treeObj.expandAll(true);
  72. }
  73. function hideAll(){
  74. var treeObj = jQuery.fn.zTree.getZTreeObj("treeDemo")
  75. treeObj.expandAll(false);
  76. }
  77. </script>
  78. <!-- 树end -->
  79. <style>
  80. .ztree *{
  81. font-family:sans-serif!important;
  82. }
  83. </style>
  84. </head>
  85. <body leftFrame="true" style="background-color:#f1f8ff">
  86. <div class="padding_top5 ali02">
  87. <a onclick="showAll()">全部展开</a>&nbsp;&nbsp;<a onclick="hideAll()">全部收缩</a>
  88. </div>
  89. <div id="scrollContent">
  90. <div>
  91. <ul id="treeDemo" class="ztree"></ul>
  92. </div>
  93. </div>
  94. </body>
  95. </html>