commenttree.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  8. <meta http-equiv="Cache-Control" content="no-siteapp" />
  9. <!--[if lt IE 9]>
  10. <script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script>
  11. <script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script>
  12. <script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script>
  13. <![endif]-->
  14. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui/css/H-ui.min.css" />
  15. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/H-ui.admin.css" />
  16. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/Hui-iconfont/1.0.7/iconfont.css" />
  17. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css" />
  18. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" />
  19. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/css/style.css" />
  20. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" >
  21. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  22. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  23. <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>
  24. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
  25. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
  26. <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
  27. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
  28. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>
  29. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  30. <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  31. <!--[if IE 6]>
  32. <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  33. <script>DD_belatedPNG.fix('*');</script>
  34. <![endif]-->
  35. <script type="text/javascript">
  36. var treeObj = null;
  37. $(function() {
  38. $('#contentFrame').css('height',document.body.clientHeight-80);
  39. var t = $("#treeDemo");
  40. treeObj = $.fn.zTree.init(t, setting,zNodes);
  41. var node = treeObj.getNodes()[0];
  42. treeObj.selectNode(node);
  43. treeObj.setting.callback.onClick(null,treeObj.setting.treeId,node);
  44. })
  45. var zNodes =[
  46. {"id":"commentwait", "pId":"0", "name":"待审批评论"},   
  47.     {"id":"commentlist", "pId":"0", "name":"评论列表"},  
  48. {"id":"commentauditing", "pId":"0", "name":"审批标志"},  
  49. {"id":"dic_accusetype", "pId":"0", "name":"举报类别"},
  50. {"id":"dic_auditingtype", "pId":"0", "name":"审批意见"},
  51. {"id":"comment", "pId":"0", "name":"发表评论"},  
  52. ];
  53. var setting = {
  54. view: {
  55. dblClickExpand: false,
  56. showLine: false,
  57. selectedMulti: false
  58. },
  59. data: {
  60. simpleData: {
  61. enable:true,
  62. idKey: "id",
  63. pIdKey: "pId",
  64. rootPId: ""
  65. }
  66. },
  67. callback: {
  68. onClick: zTreeClick
  69. }
  70. };
  71. function zTreeClick(event, treeId, treeNode) {
  72. $('.tips').text(treeNode.name);
  73. $('#contentFrame').attr('src','${ctx}/myconsole/'+treeNode.id);
  74. }
  75. </script>
  76. <title>我的桌面</title>
  77. </head>
  78. <body>
  79. <div class="pos-a" style="width:150px;left:0;top:0; bottom:0; height:100%; border-right:1px solid #e5e5e5; background-color:#f5f5f5">
  80. <ul id="treeDemo" class="ztree">
  81. </ul>
  82. </div>
  83. <div style="margin-left:150px;" id='rightContent'>
  84. <iframe id="contentFrame" scrolling="yes" frameborder="0" width="100%" src=""></iframe>
  85. </div>
  86. <footer class="footer mt-10">
  87. <div class="container">
  88. <p></p>
  89. </div>
  90. </footer>
  91. </body>
  92. </html>