deptLookup.jsp 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <%@ page contentType="text/html;charset=GBK"%>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
  3. <%@ taglib uri="/WEB-INF/tlds/author.tld" prefix="h"%>
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <HEAD>
  6. <TITLE>部门管理</TITLE>
  7. <link href="${pageContext.request.contextPath}/main.css" rel="stylesheet" type="text/css" />
  8. <link href="${pageContext.request.contextPath}/liger/lib/ligerUI/skins/${sessionScope.css}/css/ligerui-all.css" rel="stylesheet" type="text/css"></link>
  9. <script type=text/javascript src="${pageContext.request.contextPath}/js/jquery-1.3.2.min.js"></script>
  10. <script type="text/javascript" src="/shares/js/constant.js"></script>
  11. <script type="text/javascript" src="/shares/js/common.js"></script>
  12. <script type="text/javascript" src="${pageContext.request.contextPath}/liger/lib/ligerUI/js/core/base.js"></script>
  13. <script type="text/javascript" src="${pageContext.request.contextPath}/liger/lib/ligerUI/js/plugins/ligerTree.js"></script>
  14. <style type="text/css">
  15. body {
  16. padding: 5px;
  17. margin: 0;
  18. }
  19. #layout1 {
  20. width: 100%;
  21. margin: 0;
  22. padding: 0;
  23. }
  24. .l-button {
  25. margin-left: 1px;
  26. }
  27. #deptBtn {
  28. width: 100%;
  29. background: #e5ecf9;
  30. text-align: center;
  31. height: 25px;
  32. padding-top: 3px
  33. }
  34. .l-layout-left {
  35. overflow-y: auto;
  36. }
  37. </style>
  38. <script type="text/javascript">
  39. var managerTree = "";
  40. $(document).ready(function(){
  41. loadTree();
  42. });
  43. function loadTree(){
  44. $("#deptErpTree").empty();
  45. managerTree = deptTrees("erpDeptAction.do?task=deptTreeData","deptErpTree",clickEvent);
  46. }
  47. function deptTrees(treeAction, treeId, clickEvent) {
  48. var manager = "";
  49. $("#"+treeId).ligerTree({
  50. url : PROJECT_NAME + "/" + changePath(treeAction),
  51. checkbox : false,
  52. folderCheckbox:true,
  53. childIcon :'folder',
  54. idFieldName : "universalid",
  55. parentIDFieldName : "dept_pid",
  56. textFieldName :"text",
  57. slide : false,
  58. nodeWidth : 160,
  59. openFolderEven: false,
  60. attribute : ["id", "url"],
  61. onclick : function(node) {
  62. clickEvent(node);
  63. }
  64. });
  65. manager = $("#" + treeId).ligerGetTreeManager();
  66. return manager;
  67. }
  68. function clickEvent(node){
  69. var id = node.data.universalid;
  70. var name = node.data.dept_name;
  71. if(id!=1){
  72. //parent.document.getElementById('outs_deptname').value = name;
  73. //parent.document.getElementById('outs_dept').value = id;
  74. $("#deptid").val(id);
  75. $("#deptname").val(name);
  76. }
  77. //parent.$(".l-dialog,.l-window-mask").remove(); //关闭弹出层
  78. }
  79. </script>
  80. </HEAD>
  81. <BODY>
  82. <%@ include file="/include/button.jsp"%>
  83. <%@ include file="/include/message.jsp"%>
  84. <div class="l-content">
  85. <form name="deptForm" method="post">
  86. <div id="layout1">
  87. <input type="hidden" name="deptid" id="deptid" value=""/>
  88. <input type="hidden" name="deptname" id="deptname" value=""/>
  89. <div position="left" title="选择部门" class="user-tree-style">
  90. <ul id="deptErpTree" class="tree" style="margin-top: 3px;"></ul>
  91. </div>
  92. </div>
  93. </form>
  94. </div>
  95. </BODY>
  96. </HTML>