columntree1.html 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  10. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/gray/easyui.css" />
  11. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/easyui/themes/icon.css" />
  12. <script type="text/ecmascript" src="${ctx}/assets/lib/easyui/jquery.easyui.min.js"></script>
  13. <script type="text/ecmascript" src="${ctx}/assets/lib/easyui/locale/easyui-lang-zh_CN.js"></script>
  14. <style type="text/css">
  15. .panel-header, .panel-body{border-color:#FCFCFC}
  16. .layout-split-west{border-right:none}
  17. </style>
  18. <script type="text/javascript">
  19. var $easy = $.noConflict(true);
  20. $easy(function(){
  21. $easy('#pageright').panel({
  22. onResize:function(width, height){
  23. $("#jqGrid").setGridWidth(width-4); 
  24. }
  25. });
  26. })
  27. </script>
  28. <!--[if lt IE 9]>
  29. <script type="text/javascript" src="${ctx}/assets/lib/html5.js"></script>
  30. <script type="text/javascript" src="${ctx}/assets/lib/respond.min.js"></script>
  31. <script type="text/javascript" src="${ctx}/assets/lib/PIE_IE678.js"></script>
  32. <![endif]-->
  33. <link rel="stylesheet" type="text/css" href="${ctx}/assets/lib/icheck/icheck.css" />
  34. <link rel="stylesheet" type="text/css" href="${ctx}/assets/static/h-ui.admin/skin/default/skin.css" id="skin" />
  35. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" >
  36. <script type="text/ecmascript" src="${ctx}/assets/lib/jquery/1.9.1/jquery.js"></script>
  37. <script type="text/javascript" src="${ctx}/assets/lib/layer/3.0.3/layer.js"></script>
  38. <script type="text/javascript" src="${ctx}/assets/static/h-ui/js/H-ui.js"></script>
  39. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqueryui/jquery-ui.css" />
  40. <link rel="stylesheet" type="text/css" media="screen" href="${ctx}/assets/lib/jqgrid/css/ui.jqgrid.css" />
  41. <script type="text/ecmascript" src="${ctx}/assets/lib/jqueryui/jquery-ui.js"></script>
  42. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/i18n/grid.locale-cn.js"></script>
  43. <script type="text/ecmascript" src="${ctx}/assets/lib/jqgrid/js/jquery.jqGrid.min.js"></script>
  44. <script type="text/javascript" src="${ctx}/assets/js/base.js"></script>
  45. <script type="text/javascript" src="${ctx}/assets/lib/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
  46. <!--[if IE 6]>
  47. <script type="text/javascript" src="${ctx}/assets/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  48. <script>DD_belatedPNG.fix('*');</script>
  49. <![endif]-->
  50. <script type="text/javascript">
  51. var treeObj = null;
  52. $(function() {
  53. $('#contentFrame').css('height',document.body.clientHeight-80);
  54. var t = $("#treeDemo");
  55. treeObj = $.fn.zTree.init(t, setting,zNodes);
  56. var node = treeObj.getNodes()[0];
  57. treeObj.selectNode(node);
  58. treeObj.setting.callback.onClick(null,treeObj.setting.treeId,node);
  59. })
  60. var zNodes =${columnList!''};
  61. var setting = {
  62. view: {
  63. dblClickExpand: false,
  64. showLine: false,
  65. selectedMulti: false
  66. },
  67. data: {
  68. simpleData: {
  69. enable:true,
  70. idKey: "columnid",
  71. pIdKey: "parentid",
  72. rootPId: ""
  73. }
  74. },
  75. callback: {
  76. onClick: zTreeClick
  77. }
  78. };
  79. function zTreeClick(event, treeId, treeNode) {
  80. $('.tips').text(treeNode.name);
  81. $('#contentFrame').attr('src','${ctx}/myconsole/complaint/repository/columnType?columnid='+treeNode.columnid);
  82. }
  83. </script>
  84. <title>我的桌面</title>
  85. </head>
  86. <body>
  87. <div class="easyui-layout" data-options="fit:true">
  88. <div region="west" split="true" style="width:150px;height:100%;background-color:#f5f5f5">
  89. <ul id="treeDemo" class="ztree">
  90. </ul>
  91. </div>
  92. <div region="center" id="pageright">
  93. <iframe id="contentFrame" scrolling="yes" frameborder="0" width="100%" src=""></iframe>
  94. </div>
  95. </div>
  96. </body>
  97. </html>