<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="renderer" content="webkit|ie-comp|ie-stand"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta http-equiv="Cache-Control" content="no-siteapp" /> <!--[if lt IE 9]> <script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui/css/H-ui.min.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/H-ui.admin.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" /> <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css" /> <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" > <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script> <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script> <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" /> <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" /> <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script> <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script> <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script> <script type="text/javascript" src="${ctx}/assets/js/base.js"></script> <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script> <!--[if IE 6]> <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script> <script>DD_belatedPNG.fix('*');</script> <![endif]--> <script type="text/javascript"> var treeObj = null; $(function() { $('#contentFrame').css('height',document.body.clientHeight-80); var t = $("#treeDemo"); treeObj = $.fn.zTree.init(t, setting,zNodes); var node = treeObj.getNodes()[0]; treeObj.selectNode(node); treeObj.setting.callback.onClick(null,treeObj.setting.treeId,node); }) var zNodes =[ {"id":"commentwait", "pId":"0", "name":"待审批评论"}, {"id":"commentlist", "pId":"0", "name":"评论列表"}, {"id":"commentauditing", "pId":"0", "name":"审批标志"}, {"id":"dic_accusetype", "pId":"0", "name":"举报类别"}, {"id":"dic_auditingtype", "pId":"0", "name":"审批意见"}, {"id":"comment", "pId":"0", "name":"发表评论"}, ]; var setting = { view: { dblClickExpand: false, showLine: false, selectedMulti: false }, data: { simpleData: { enable:true, idKey: "id", pIdKey: "pId", rootPId: "" } }, callback: { onClick: zTreeClick } }; function zTreeClick(event, treeId, treeNode) { $('.tips').text(treeNode.name); $('#contentFrame').attr('src','${ctx}/myconsole/'+treeNode.id); } </script> <title>我的桌面</title> </head> <body> <div class="pos-a" style="width:150px;left:0;top:0; bottom:0; height:100%; border-right:1px solid #e5e5e5; background-color:#f5f5f5"> <ul id="treeDemo" class="ztree"> </ul> </div> <div style="margin-left:150px;" id='rightContent'> <iframe id="contentFrame" scrolling="yes" frameborder="0" width="100%" src=""></iframe> </div> <footer class="footer mt-10"> <div class="container"> <p></p> </div> </footer> </body> </html>