postZTree.jsp 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@include file="/context/mytags.jsp"%>
  3. <!DOCTYPE html >
  4. <html>
  5. <head>
  6. <title>岗位zTree弹窗</title>
  7. <t:base type="jquery"></t:base>
  8. <!-- update--start--by:jg_renjie--at:20160318 for:#942 【组件封装】所属部门弹出模式,目前是列表,得改造成树方式 -->
  9. <!-- update-start--Author:jg_renjie Date:20160317 for:所属部门改为ztree -->
  10. <link rel="stylesheet" type="text/css" href="plug-in/ztree/css/zTreeStyle.css">
  11. <script type="text/javascript" src="plug-in/ztree/js/jquery.ztree.core-3.5.min.js"></script>
  12. <script type="text/javascript" src="plug-in/ztree/js/jquery.ztree.excheck-3.5.min.js"></script>
  13. <!-- update-end--Author:jg_renjie Date:20160317 for:所属部门改为ztree -->
  14. <script type="text/javascript">
  15. var setting = {
  16. check: {
  17. enable: true,
  18. chkboxType: { "Y": "", "N": "" },
  19. chkStyle: "radio",
  20. radioType: "all"
  21. },
  22. data: {
  23. simpleData: {
  24. enable: true
  25. }
  26. },callback: {
  27. onExpand: zTreeOnExpand,
  28. //点击节点内容同时选中
  29. onClick: function (e, treeId, treeNode, clickFlag) {
  30. zTree.checkNode(treeNode, true, true);
  31. }
  32. }
  33. };
  34. //
  35. /* function zTreeOnClick(event, treeId, treeNode){
  36. var treeNodeId = treeNode.id;
  37. $.post(
  38. 'wagestrategyController.do?getDepartInfo',
  39. {parentid:treeNodeId,orgIds:$("#orgIds").val()},
  40. function(data){
  41. console.log("加载展开方法");
  42. //console.log(data);
  43. var d = data; // ------ $.parseJSON(data);
  44. if (d.success) {
  45. var dbDate = eval(d.msg);
  46. for(var i=0;i<dbDate.length;i++){
  47. if(dbDate[i].isParent==true){
  48. dbDate[i]['nocheck']=true;
  49. }
  50. //console.log(dbDate[i]);
  51. }
  52. var tree = $.fn.zTree.getZTreeObj("departSelect");
  53. if (!treeNode.zAsync){
  54. tree.addNodes(treeNode, dbDate);
  55. treeNode.zAsync = true;
  56. } else{
  57. tree.reAsyncChildNodes(treeNode, "refresh");
  58. }
  59. //tree.addNodes(treeNode, dbDate);
  60. }
  61. }
  62. );
  63. } */
  64. //加载展开方法
  65. function zTreeOnExpand(event, treeId, treeNode){
  66. var treeNodeId = treeNode.id;
  67. $.post(
  68. 'projectPostDetailController.do?getPostInfo',
  69. {parentid:treeNodeId,orgIds:$("#orgIds").val()},
  70. function(data){
  71. //console.log("加载展开方法");
  72. //console.log(data);
  73. var d = data; // ------ $.parseJSON(data);
  74. if (d.success) {
  75. var dbDate = eval(d.msg);
  76. /* for(var i=0;i<dbDate.length;i++){
  77. if(dbDate[i].isParent==true){
  78. dbDate[i]['nocheck']=true;
  79. }
  80. } */
  81. var tree = $.fn.zTree.getZTreeObj("departSelect");
  82. if (!treeNode.zAsync){
  83. tree.addNodes(treeNode, dbDate);
  84. treeNode.zAsync = true;
  85. } else{
  86. tree.reAsyncChildNodes(treeNode, "refresh");
  87. }
  88. //tree.addNodes(treeNode, dbDate);
  89. }
  90. }
  91. );
  92. }
  93. //首次进入加载level为1的
  94. $(function(){
  95. $.post(
  96. 'projectPostDetailController.do?getPostInfo',
  97. {orgIds:$("#orgIds").val()},
  98. function(data){
  99. //console.log("首次进入加载level为1的");
  100. //console.log(data);
  101. var d = data; // ------ $.parseJSON(data);
  102. if (d.success) {
  103. var dbDate = eval(d.msg);
  104. //隐藏父级选择框
  105. /* for(var i=0;i<dbDate.length;i++){
  106. if(dbDate[i].isParent==true){
  107. dbDate[i]['nocheck']=true;
  108. }
  109. } */
  110. zTree=$.fn.zTree.init($("#departSelect"), setting, dbDate);
  111. }
  112. }
  113. );
  114. });
  115. </script>
  116. </head>
  117. <!-- add-begin--Author:weict Date:20170609 for:TASK #2101 【bug】所属部门没有垂直滚动条-------------------- -->
  118. <body style="overflow-y: auto" scroll="yes">
  119. <input id="orgIds" name="orgIds" type="hidden" value="${orgIds}">
  120. <ul id="departSelect" class="ztree" style="margin-top: 30px;"></ul>
  121. </body>
  122. </html>
  123. <!-- update--end--by:jg_renjie--at:20160318 for:#942 【组件封装】所属部门弹出模式,目前是列表,得改造成树方式 -->