resourcesMoveTree.jsp 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="com.hotent.platform.model.system.Resources"%>
  2. <%@include file="/commons/include/html_doctype.html"%>
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>资源管理</title>
  6. <%@include file="/commons/include/form.jsp" %>
  7. <f:link href="tree/zTreeStyle.css"></f:link>
  8. <script type="text/javascript" src="${ctx}/js/tree/jquery.ztree.js"></script>
  9. <script type="text/javascript">
  10. /*KILLDIALOG*/
  11. var dialog = frameElement.dialog; //调用页面的dialog对象(ligerui对象)
  12. var rootId=0;
  13. //当前访问系统
  14. //var arg = window.dialogArguments;
  15. var arg =dialog.get("param");
  16. var systemId=arg.systemId;
  17. var sourceNode=arg.sourceNode;
  18. var targetNode;
  19. $(function(){
  20. //布局
  21. loadLayout();
  22. //加载树
  23. loadTree();
  24. });
  25. //布局
  26. function loadLayout(){
  27. $("#layout").ligerLayout( {
  28. leftWidth : 200,
  29. height:'90%',
  30. onHeightChanged: heightChanged,
  31. allowLeftResize:false
  32. });
  33. //取得layout的高度
  34. var height = $(".l-layout-center").height();
  35. $("#resourcesTree").height(height-40);
  36. };
  37. //布局大小改变的时候通知tab,面板改变大小
  38. function heightChanged(options){
  39. $("#resourcesTree").height(options.middleHeight-40);
  40. };
  41. //树
  42. var resourcesTree;
  43. var expandByDepth = 1;
  44. //加载树
  45. function loadTree(){
  46. var setting = {
  47. async: {enable: false},
  48. data: {
  49. key:{name:"resName"},
  50. simpleData: {
  51. enable: true,
  52. idKey: "resId",
  53. pIdKey: "parentId",
  54. rootPId: <%=Resources.ROOT_PID%>
  55. }
  56. },
  57. view: {
  58. selectedMulti: false
  59. },
  60. edit: {
  61. drag: {
  62. prev: false,inner: false,next: false,isMove:false
  63. },
  64. enable: true,
  65. showRemoveBtn: false,
  66. showRenameBtn: false
  67. },
  68. callback:{
  69. onClick: zTreeOnLeftClick,
  70. onRightClick: null,
  71. beforeDrop: null,
  72. onDrop: null
  73. }
  74. };
  75. var url="${ctx}/platform/system/resources/getSystemTreeData.ht";
  76. var params={"systemId":systemId};
  77. $.post(url,params,function(result){
  78. resourcesTree=$.fn.zTree.init($("#resourcesTree"), setting,result);
  79. resourcesTree.removeNode(sourceNode);
  80. if(expandByDepth!=0)
  81. {
  82. var nodes = resourcesTree.getNodesByFilter(function(node){
  83. return (node.level==expandByDepth);
  84. });
  85. if(nodes.length>0){
  86. for(var idx=0;idx<nodes.length;idx++){
  87. resourcesTree.expandNode(nodes[idx],false,false);
  88. }
  89. }
  90. }
  91. else
  92. {
  93. resourcesTree.expandAll(true);
  94. }
  95. });
  96. };
  97. //左击
  98. function zTreeOnLeftClick(event, treeId, treeNode){
  99. targetNode=treeNode;
  100. };
  101. function selectNode(){
  102. if(!targetNode){
  103. $.ligerDialog.warn('目标节点为空,请选择!');
  104. return;
  105. }
  106. var obj={targetNode:targetNode};
  107. //window.returnValue=obj;
  108. dialog.get("sucCall")(obj);
  109. dialog.close();
  110. }
  111. </script>
  112. <style type="text/css">
  113. html,body{ padding:0px; margin:0; width:100%;height:100%;overflow: hidden;}
  114. </style>
  115. </head>
  116. <body>
  117. <div id="layout">
  118. <div title="目标资源" position="center">
  119. <div id="resourcesTree" class="ztree" style="overflow:auto;"></div>
  120. </div>
  121. </div>
  122. <div position="bottom" class="bottom" style="margin-top:10px;">
  123. <a href="javascript:;" class="button" onclick="selectNode()" style="margin-right:10px;" ><span class="icon ok"></span><span >选择</span></a>
  124. <a href="javascript:;" class="button" style="margin-left:10px;" onclick="dialog.close()"><span class="icon cancel"></span><span >取消</span></a>
  125. </div>
  126. </body>
  127. </html>