testTree1List.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <script>
  3. var $testTree1TreeTable=null;
  4. $(document).ready(function() {
  5. $testTree1TreeTable=$('#testTree1TreeTable').treeTable({
  6. theme:'vsStyle',
  7. expandLevel : 2,
  8. column:0,
  9. checkbox: false,
  10. url:'${ctx}/test/tree/dialog/testTree1/getChildren?parentId=',
  11. callback:function(item) {
  12. var treeTableTpl= $("#testTree1TreeTableTpl").html();
  13. item.dict = {};
  14. var result = laytpl(treeTableTpl).render({
  15. row: item
  16. });
  17. return result;
  18. },
  19. beforeClick: function($testTree1TreeTable, id) {
  20. //异步获取数据 这里模拟替换处理
  21. $testTree1TreeTable.refreshPoint(id);
  22. },
  23. beforeExpand : function($testTree1TreeTable, id) {
  24. },
  25. afterExpand : function($testTree1TreeTable, id) {
  26. },
  27. beforeClose : function($testTree1TreeTable, id) {
  28. }
  29. });
  30. $testTree1TreeTable.initParents('${parentIds}', "0");//在保存编辑时定位展开当前节点
  31. });
  32. function del(con,id){
  33. jp.confirm('确认要删除机构吗?', function(){
  34. jp.loading();
  35. $.get("${ctx}/test/tree/dialog/testTree1/delete?id="+id, function(data){
  36. if(data.success){
  37. $testTree1TreeTable.del(id);
  38. jp.success(data.msg);
  39. }else{
  40. jp.error(data.msg);
  41. }
  42. })
  43. });
  44. }
  45. function refreshNode(data) {//刷新节点
  46. var current_id = data.body.testTree1.id;
  47. var target = $testTree1TreeTable.get(current_id);
  48. var old_parent_id = target.attr("pid") == undefined?'1':target.attr("pid");
  49. var current_parent_id = data.body.testTree1.parentId;
  50. var current_parent_ids = data.body.testTree1.parentIds;
  51. if(old_parent_id == current_parent_id){
  52. if(current_parent_id == '0'){
  53. $testTree1TreeTable.refreshPoint(-1);
  54. }else{
  55. $testTree1TreeTable.refreshPoint(current_parent_id);
  56. }
  57. }else{
  58. $testTree1TreeTable.del(current_id);//刷新删除旧节点
  59. $testTree1TreeTable.initParents(current_parent_ids, "0");
  60. }
  61. }
  62. function refresh(){//刷新
  63. var index = jp.loading("正在加载,请稍等...");
  64. $testTree1TreeTable.refresh();
  65. jp.close(index);
  66. }
  67. </script>
  68. <script type="text/html" id="testTree1TreeTableTpl">
  69. <td>
  70. <c:choose>
  71. <c:when test="${fns:hasPermission('test:tree:dialog:testTree1:edit')}">
  72. <a href="#" onclick="jp.openSaveDialog('编辑机构', '${ctx}/test/tree/dialog/testTree1/form?id={{d.row.id}}','800px', '500px')">
  73. {{d.row.name === undefined ? "": d.row.name}}
  74. </a>
  75. </c:when>
  76. <c:when test="${fns:hasPermission('test:tree:dialog:testTree1:view')}">
  77. <a href="#" onclick="jp.openViewDialog('查看机构', '${ctx}/test/tree/dialog/testTree1/form?id={{d.row.id}}','800px', '500px')">
  78. {{d.row.name === undefined ? "": d.row.name}}
  79. </a>
  80. </c:when>
  81. <c:otherwise>
  82. {{d.row.name === undefined ? "": d.row.name}}
  83. </c:otherwise>
  84. </c:choose>
  85. </td>
  86. <td>
  87. {{d.row.remarks === undefined ? "": d.row.remarks}}
  88. </td>
  89. <td>
  90. <div class="btn-group">
  91. <button type="button" class="btn btn-primary btn-xs dropdown-toggle" data-toggle="dropdown">
  92. <i class="fa fa-cog"></i>
  93. <span class="fa fa-chevron-down"></span>
  94. </button>
  95. <ul class="dropdown-menu" role="menu">
  96. <shiro:hasPermission name="test:tree:dialog:testTree1:view">
  97. <li><a href="#" onclick="jp.openViewDialog('查看机构', '${ctx}/test/tree/dialog/testTree1/form?id={{d.row.id}}','800px', '500px')"><i class="fa fa-search-plus"></i> 查看</a></li>
  98. </shiro:hasPermission>
  99. <shiro:hasPermission name="test:tree:dialog:testTree1:edit">
  100. <li><a href="#" onclick="jp.openSaveDialog('修改机构', '${ctx}/test/tree/dialog/testTree1/form?id={{d.row.id}}','800px', '500px')"><i class="fa fa-edit"></i> 修改</a></li>
  101. </shiro:hasPermission>
  102. <shiro:hasPermission name="test:tree:dialog:testTree1:del">
  103. <li><a onclick="return del(this, '{{d.row.id}}')"><i class="fa fa-trash"></i> 删除</a></li>
  104. </shiro:hasPermission>
  105. <shiro:hasPermission name="test:tree:dialog:testTree1:add">
  106. <li><a href="#" onclick="jp.openSaveDialog('添加下级机构', '${ctx}/test/tree/dialog/testTree1/form?parent.id={{d.row.id}}','800px', '500px')"><i class="fa fa-plus"></i> 添加下级机构</a></li>
  107. </shiro:hasPermission>
  108. </ul>
  109. </div>
  110. </td>
  111. </script>