jzdepartSelect.jsp 3.0 KB

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