dutiesSelect.jsp 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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>所属部门集合</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. data: {
  17. simpleData: {
  18. enable: true
  19. }
  20. },callback: {
  21. onExpand: zTreeOnExpand
  22. }
  23. }; */
  24. var setting = {
  25. check: {
  26. enable: true,
  27. chkboxType: { "Y": "", "N": "" },
  28. chkStyle: "radio",
  29. radioType: "all"
  30. },
  31. data: {
  32. simpleData: {
  33. enable: true
  34. }
  35. },callback: {
  36. onExpand: zTreeOnExpand,
  37. //点击节点内容同时选中
  38. onClick: function (e, treeId, treeNode, clickFlag) {
  39. zTree.checkNode(treeNode, true, true);
  40. } ,
  41. onCheck:function(e, treeId, treeNode){
  42. }
  43. }
  44. };
  45. //加载展开方法
  46. function zTreeOnExpand(event, treeId, treeNode){
  47. var treeNodeId = treeNode.id;
  48. $.post(
  49. 'dutiesController.do?getDepartInfo',
  50. {parentid:treeNodeId,orgIds:$("#orgIds").val()},
  51. function(data){
  52. var d = data; // ------ $.parseJSON(data);
  53. if (d.success) {
  54. var dbDate = eval(d.msg);
  55. var tree = $.fn.zTree.getZTreeObj("departSelect");
  56. if (!treeNode.zAsync){
  57. tree.addNodes(treeNode, dbDate);
  58. treeNode.zAsync = true;
  59. } else{
  60. tree.reAsyncChildNodes(treeNode, "refresh");
  61. }
  62. //tree.addNodes(treeNode, dbDate);
  63. }
  64. }
  65. );
  66. }
  67. //首次进入加载level为1的
  68. $(function(){
  69. $.post(
  70. 'dutiesController.do?getDepartInfo',
  71. {orgIds:$("#orgIds").val(), codeFilter:"${codeFilter}"},
  72. function(data){
  73. var d = data; // ------ $.parseJSON(data);
  74. if (d.success) {
  75. var dbDate = eval(d.msg);
  76. zTree=$.fn.zTree.init($("#departSelect"), setting, dbDate);
  77. var nodes = zTree.getNodes();
  78. for(var i=0 ; i<nodes.length ; i++){
  79. var node = nodes[i];
  80. if(node.isParent){
  81. zTree.checkNode(node, false, false); //父节点不被选中
  82. zTree.setChkDisabled(node, true); //父节点禁止勾选
  83. }
  84. }
  85. }
  86. }
  87. );
  88. });
  89. </script>
  90. </head>
  91. <!-- add-begin--Author:weict Date:20170609 for:TASK #2101 【bug】所属部门没有垂直滚动条-------------------- -->
  92. <body style="overflow-y: auto" scroll="yes">
  93. <!-- add-end--Author:weict Date:20170609 for:TASK #2101 【bug】所属部门没有垂直滚动条---------------------- -->
  94. <input id="orgIds" name="orgIds" type="hidden" value="${orgIds}">
  95. <ul id="departSelect" class="ztree" style="margin-top: 30px;"></ul>
  96. <%-- <t:datagrid name="departList" title="common.department.list" actionUrl="departController.do?departSelectDataGrid" idField="id" checkbox="true" showRefresh="false">
  97. <t:dgCol title="common.id" field="id" hidden="true"></t:dgCol>
  98. <t:dgCol title="common.department.name" field="departname" width="50"></t:dgCol>
  99. </t:datagrid> --%>
  100. </body>
  101. </html>
  102. <!-- update--end--by:jg_renjie--at:20160318 for:#942 【组件封装】所属部门弹出模式,目前是列表,得改造成树方式 -->