tree.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  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":"waitList", "pId":"0", "name":"待回复投诉"},   
  47.     {"id":"alreadyList", "pId":"0", "name":"已回复投诉"},  
  48. {"id":"input", "pId":"0", "name":"我要投诉"},  
  49. ];
  50. var setting = {
  51. view: {
  52. dblClickExpand: false,
  53. showLine: false,
  54. selectedMulti: false
  55. },
  56. data: {
  57. simpleData: {
  58. enable:true,
  59. idKey: "id",
  60. pIdKey: "pId",
  61. rootPId: ""
  62. }
  63. },
  64. callback: {
  65. onClick: zTreeClick
  66. }
  67. };
  68. function zTreeClick(event, treeId, treeNode) {
  69. $('.tips').text(treeNode.name);
  70. $('#contentFrame').attr('src','${ctx}/myconsole/appeal/'+treeNode.id);
  71. }
  72. </script>
  73. <title>我的桌面</title>
  74. </head>
  75. <body>
  76. <div class="pos-a" style="width:150px;left:0;top:0; bottom:0; height:100%; border-right:1px solid #e5e5e5; background-color:#f5f5f5">
  77. <ul id="treeDemo" class="ztree">
  78. </ul>
  79. </div>
  80. <div style="margin-left:150px;" id='rightContent'>
  81. <iframe id="contentFrame" scrolling="yes" frameborder="0" width="100%" src=""></iframe>
  82. </div>
  83. <footer class="footer mt-10">
  84. <div class="container">
  85. <p></p>
  86. </div>
  87. </footer>
  88. </body>
  89. </html>