postZTreeNoCheckBox.jsp 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  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. 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. }
  42. };
  43. //加载展开方法
  44. function zTreeOnExpand(event, treeId, treeNode){
  45. var treeNodeId = treeNode.id;
  46. $.post(
  47. 'projectPostDetailController.do?getPostInfoNoCheckBox',
  48. {parentid:treeNodeId,orgIds:$("#orgIds").val()},
  49. function(data){
  50. var d = data; // ------ $.parseJSON(data);
  51. if (d.success) {
  52. var dbDate = eval(d.msg);
  53. var tree = $.fn.zTree.getZTreeObj("postSelect");
  54. if (!treeNode.zAsync){
  55. tree.addNodes(treeNode, dbDate);
  56. treeNode.zAsync = true;
  57. } else{
  58. tree.reAsyncChildNodes(treeNode, "refresh");
  59. }
  60. }
  61. }
  62. );
  63. }
  64. //首次进入加载level为1的
  65. $(function(){
  66. $.post(
  67. 'projectPostDetailController.do?getPostInfoNoCheckBox',
  68. {orgIds:$("#orgIds").val()},
  69. function(data){
  70. var d = data; // ------ $.parseJSON(data);
  71. if (d.success) {
  72. var dbDate = eval(d.msg);
  73. zTree=$.fn.zTree.init($("#postSelect"), setting, dbDate);
  74. }
  75. }
  76. );
  77. });
  78. </script>
  79. </head>
  80. <!-- add-begin--Author:weict Date:20170609 for:TASK #2101 【bug】所属部门没有垂直滚动条-------------------- -->
  81. <body style="overflow-y: auto" scroll="yes">
  82. <input id="orgIds" name="orgIds" type="hidden" value="${orgIds}">
  83. <ul id="postSelect" class="ztree" style="margin-top: 30px;"></ul>
  84. </body>
  85. </html>
  86. <!-- update--end--by:jg_renjie--at:20160318 for:#942 【组件封装】所属部门弹出模式,目前是列表,得改造成树方式 -->