wangdaping
/
wp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
							<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--框架必需start-->
<script type="text/javascript" src="../scripts/qui/libs/js/jquery.js"></script>
<script type="text/javascript" src="../scripts/qui/libs/js/language/cn.js"></script>
<script type="text/javascript" src="../scripts/qui/libs/js/framework.js"></script>
<link href="../scripts/qui/libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="../scripts/qui/" scrollerY="false"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->

<!-- 树型抽屉导航start-->
<script type="text/javascript" src="../scripts/qui/libs/js/tree/ztree/ztree.js"></script>
<link href="../scripts/qui/libs/js/tree/ztree/ztree.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="../scripts/qui/libs/js/nav/treeAccordion_normal.js"></script>
<!-- 树型抽屉导航end -->
<style>
	.ztree li span.zbutton.diy01_ico_open, .ztree li span.zbutton.diy01_ico_close{width:24px!important;height:24px!important;padding-top:0;}
</style>
<script type="text/javascript">
	var zNodes =[
		{ id:3001, parentId:0, name:"表单模板",icon:"../scripts/qui/system/blue1_accordion/skin/icons/icon_1.png",iconSkin:"diy01"},
		{ id:101, parentId:3001, name:"页面中的表单",url:"../scripts/qui/sample_skin/normal/form-page.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		
		
		{ id:3002, parentId:0, name:"表格模板",icon:"../scripts/qui/system/blue1_accordion/skin/icons/icon_2.png",iconSkin:"diy01"},
		{ id:201, parentId:3002, name:"页面中的grid表格",url:"../scripts/qui/sample_skin/normal/grid-page.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:202, parentId:3002, name:"弹窗中的grid表格",url:"../scripts/qui/sample_skin/normal/grid-pop.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:203, parentId:3002, name:"页面中的table表格",url:"../scripts/qui/sample_skin/normal/table-page.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:204, parentId:3002, name:"弹窗中的table表格",url:"../scripts/qui/sample_skin/normal/table-pop.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		
		{ id:102, parentId:3001, name:"弹窗中的表单",url:"../scripts/qui/sample_skin/normal/form-pop.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		
		{ id:3003, parentId:0, name:"选项卡模板",icon:"../scripts/qui/system/blue1_accordion/skin/icons/icon_3.png",iconSkin:"diy01"},
		{ id:301, parentId:3003, name:"页面中的选项卡",url:"../scripts/qui/sample_skin/normal/tab-page.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:302, parentId:3003, name:"弹窗中的选项卡",url:"../scripts/qui/sample_skin/normal/tab-pop.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		
		{ id:3004, parentId:0, name:"布局模板",icon:"../scripts/qui/system/blue1_accordion/skin/icons/icon_4.png",iconSkin:"diy01"},
		{ id:401, parentId:3004, name:"单级纵向导航",url:"../scripts/qui/sample_skin/normal/nav-single.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:402, parentId:3004, name:"双级纵向导航",url:"../scripts/qui/sample_skin/normal/nav-double.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:403, parentId:3004, name:"分隔条",url:"../scripts/qui/sample_skin/normal/spliter.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		
		{ id:3005, parentId:0, name:"图片模板",icon:"../scripts/qui/system/blue1_accordion/skin/icons/icon_5.png",iconSkin:"diy01"},
		{ id:501, parentId:3005, name:"图片列表",url:"../scripts/qui/sample_skin/normal/pic-list.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		
		
		{ id:3006, parentId:0, name:"情景模板",icon:"../scripts/qui/system/blue1_accordion/skin/icons/icon_6.png",iconSkin:"diy01"},
		{ id:601, parentId:3006, name:"机构维护",url:"../scripts/qui/sample_skin/normal/org-management.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:602, parentId:3006, name:"用户管理",url:"../scripts/qui/sample_skin/normal/user-management.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:603, parentId:3006, name:"角色管理",url:"../scripts/qui/sample_skin/normal/role-management.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:604, parentId:3006, name:"资源分配(按用户)",url:"../scripts/qui/sample_skin/normal/user-assignment.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:605, parentId:3006, name:"资源分配(按角色)",url:"../scripts/qui/sample_skin/normal/role-assignment.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:606, parentId:3006, name:"综合box容器布局",url:"../scripts/qui/sample_skin/normal/layout-box.html", target:"frmright",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		
		{ id:3007, parentId:0, name:"多级示例",icon:"../scripts/qui/system/blue1_accordion/skin/icons/icon_7.png",iconSkin:"diy01"},
		{ id:701, parentId:3007, name:"第二级节点",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:702, parentId:3007, name:"第二级节点",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:703, parentId:3007, name:"第二级节点",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:704, parentId:703, name:"第三级节点",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:705, parentId:703, name:"第三级节点",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:706, parentId:705, name:"第四级节点",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:707, parentId:705, name:"第四级节点",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"},
		{ id:708, parentId:707, name:"第五级节点",iconOpen:"../scripts/qui/libs/icons/tree_close.gif",iconClose:"../scripts/qui/libs/icons/tree_open.gif",icon:"../scripts/qui/system/blue1_accordion/skin/titlebar_arrow.gif"}
	];
	
	var fixedObj=60;
	function customHeightSet(contentHeight){
		$("#scrollContent").height(contentHeight-fixedObj);
	}
	function initComplete() {
        $.fn.zTree.init($("#treeDemo"), setting, zNodes);
        //每次刷新时保持上次打开的
        showContent();
    }
    function showContent() {
        var treeNodeId = jQuery.jCookie('leftTreeNodeId');
        if (treeNodeId == false || treeNodeId == "false") { }
        else {
            var zTree = $.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 = $.fn.zTree.getZTreeObj("treeDemo");
        zTree.expandNode(treeNode);
        //出现进度条
        if (treeNode.url != null && treeNode.showProgess != false) {
            showProgressBar();
             top.positionContent = "当前位置：" + treeNode.getParentNode().name + ">>" + treeNode.name;
            top.positionType = "normal";
        }

        //可以设置某些页面出现或者某些页面不出现当前位置组件
        //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 = $.fn.zTree.getZTreeObj("treeDemo");
        treeObj.expandAll(true);
    }
    function hideAll() {
        var treeObj = $.fn.zTree.getZTreeObj("treeDemo")
        treeObj.expandAll(false);
    }
    
    function customHeightSet(contentHeight){
		var windowWidth=document.documentElement.clientWidth;
		$("#scrollContent").width(windowWidth-4);
		$("#scrollContent").height(contentHeight-30);
	}
	function homeHandler(){
		 var treeObj = $.fn.zTree.getZTreeObj("treeDemo")
        treeObj.expandAll(false);
		top.positionType="none";
		jQuery.jCookie('leftTreeNodeId',"false");
	}
</script>
</head>

<body leftFrame="true">
<div class="padding_top5 ali02" style="height:55px;">
<table width="100%">
	<tr>
		<td width="85%" class="ali03"><input type="text" id="searchKey" value=""></td>
		<td><span class="img_find hand" title="点击查找节点" keepDefaultStyle="true" onclick="findNode()"></span></td>
	</tr>
	<tr>
		<td colspan="2" class="ali02"><a onclick="showAll()">全部展开</a>&nbsp;&nbsp;<a onclick="hideAll()">全部收缩</a></td>
	</tr>
</table>
</div>
<div id="scrollContent" style="overflow-x:hidden;">
	<div>
		<ul id="treeDemo" class="ztree ztree_accordition"></ul>
	</div>
</div>				
</body>
</html>