123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>左边菜单</title>
- <!--框架必需start-->
- <script type="text/javascript" src="${ctx}/qui/libs/js/jquery.js"></script>
- <script type="text/javascript" src="${ctx}/qui/libs/js/framework.js"></script>
- <link href="${ctx}/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
- <link rel="stylesheet" type="text/css" id="skin" prePath="${ctx}/qui/"/>
- <link rel="stylesheet" type="text/css" id="customSkin"/>
- <!--框架必需end-->
- <!-- 树start-->
- <script type="text/javascript" src="${ctx}/qui/libs/js/tree/ztree/ztree.js"></script>
- <link href="${ctx}/qui/libs/js/tree/ztree/ztree.css" rel="stylesheet" type="text/css"/>
- <!-- 树end-->
- <script type="text/javascript">
- var setting = {
- callback: {
- onClick: onClick
- }
- };
-
-
- var zNodes =${menuNode};
-
- function initComplete(){
- jQuery.fn.zTree.init($("#treeDemo"), setting, zNodes);
- //每次刷新时保持上次打开的
- showContent();
- }
- function showContent(){
- var treeNodeId=jQuery.jCookie('leftTreeNodeId');
- if(treeNodeId==false||treeNodeId=="false"){}
- else{
- var zTree = jQuery.fn.zTree.getZTreeObj("treeDemo");
- var node = zTree.getNodeByParam("id", treeNodeId);
- zTree.selectNode(node);
- if(node.url){
- //每次刷新时设置当前位置内容
- if(node.name=="当前位置"){
- top.positionType="normal";
- top.positionContent="当前位置:"+node.getParentNode().name+">>"+node.name;
- }
- else{
- top.positionType="none";
- }
- top.frmright.location=node.url;
- }
- }
- }
-
- function onClick(e,treeId, treeNode){
- //单击展开
- var zTree = jQuery.fn.zTree.getZTreeObj("treeDemo");
- zTree.expandNode(treeNode);
-
-
- //出现进度条
- if(treeNode.url!=null){
- showProgressBar();
- }
-
- //可以设置某些页面出现或者某些页面不出现当前位置组件
- if(treeNode.name=="当前位置"){
- //每次点击时设置当前位置内容
- top.positionContent="当前位置:"+treeNode.getParentNode().name+">>"+treeNode.name;
- top.positionType="normal";
- }
- else{
- top.positionType="none";
- }
-
- //存储点击节点id
- jQuery.jCookie('leftTreeNodeId',treeNode.id.toString());
- }
- function showAll(){
- var treeObj=jQuery.fn.zTree.getZTreeObj("treeDemo");
- treeObj.expandAll(true);
- }
- function hideAll(){
- var treeObj = jQuery.fn.zTree.getZTreeObj("treeDemo")
- treeObj.expandAll(false);
- }
- </script>
- <!-- 树end -->
- <style>
- .ztree *{
- font-family:sans-serif!important;
- }
- </style>
- </head>
- <body leftFrame="true" style="background-color:#f1f8ff">
- <div class="padding_top5 ali02">
- <a onclick="showAll()">全部展开</a> <a onclick="hideAll()">全部收缩</a>
- </div>
- <div id="scrollContent">
- <div>
- <ul id="treeDemo" class="ztree"></ul>
- </div>
-
- </div>
- </body>
- </html>
|