TreeV3.js
上传用户:kimgenplus
上传日期:2016-06-05
资源大小:20877k
文件大小:8k
源码类别:

OA系统

开发平台:

Java

  1. /*
  2. Copyright (c) 2004-2006, The Dojo Foundation
  3. All Rights Reserved.
  4. Licensed under the Academic Free License version 2.1 or above OR the
  5. modified BSD license. For more information on Dojo licensing, see:
  6. http://dojotoolkit.org/community/licensing.shtml
  7. */
  8. dojo.provide("dojo.widget.TreeV3");
  9. dojo.require("dojo.widget.TreeWithNode");
  10. dojo.require("dojo.widget.*");
  11. dojo.require("dojo.event.*");
  12. dojo.require("dojo.io.*");
  13. dojo.require("dojo.widget.HtmlWidget");
  14. dojo.require("dojo.widget.TreeNodeV3");
  15. dojo.widget.defineWidget("dojo.widget.TreeV3", [dojo.widget.HtmlWidget, dojo.widget.TreeWithNode], function () {
  16. this.eventNames = {};
  17. this.DndAcceptTypes = [];
  18. this.actionsDisabled = [];
  19. this.listeners = [];
  20. this.tree = this;
  21. }, {DndMode:"", defaultChildWidget:null, defaultChildTitle:"New Node", eagerWidgetInstantiation:false, eventNamesDefault:{afterTreeCreate:"afterTreeCreate", beforeTreeDestroy:"beforeTreeDestroy", beforeNodeDestroy:"beforeNodeDestroy", afterChangeTree:"afterChangeTree", afterSetFolder:"afterSetFolder", afterUnsetFolder:"afterUnsetFolder", beforeMoveFrom:"beforeMoveFrom", beforeMoveTo:"beforeMoveTo", afterMoveFrom:"afterMoveFrom", afterMoveTo:"afterMoveTo", afterAddChild:"afterAddChild", afterDetach:"afterDetach", afterExpand:"afterExpand", beforeExpand:"beforeExpand", afterSetTitle:"afterSetTitle", afterCollapse:"afterCollapse", beforeCollapse:"beforeCollapse"}, classPrefix:"Tree", style:"", allowAddChildToLeaf:true, unsetFolderOnEmpty:true, DndModes:{BETWEEN:1, ONTO:2}, DndAcceptTypes:"", templateCssString:"/* indent for all tree children excepts root */n.TreeNode {n background-image : url('../templates/images/TreeV3/i.gif');n background-position : top left;n background-repeat : repeat-y;n margin-left: 19px;n zoom: 1;n}n.TreeIsRoot {n margin-left: 0;n}n n/* left vertical line (grid) for all nodes */n.TreeIsLast {n background-image: url('../templates/images/TreeV3/i_half.gif');n background-repeat : no-repeat;n}n n.TreeExpandOpen .TreeExpand {n background-image: url('../templates/images/TreeV3/expand_minus.gif');n}n n/* closed is higher priority than open */n.TreeExpandClosed .TreeExpand {n background-image: url('../templates/images/TreeV3/expand_plus.gif');n}n n/* highest priority */n.TreeExpandLeaf .TreeExpand {n background-image: url('../templates/images/TreeV3/expand_leaf.gif');n}nn/* nshould always override any expand setting, but do not touch children.nif I add .TreeExpand .TreeExpandLoading same time and put it to top/bottom, then it will take precedence over +- for all descendants or always failnso I have to remove TreeExpand and process this one specificallyn*/nn.TreeExpandLoading   {n width: 18px;n height: 18px;n float: left;n display: inline;n background-repeat : no-repeat;n background-image: url('../templates/images/TreeV3/expand_loading.gif');n}n n.TreeContent {n min-height: 18px;n min-width: 18px;n margin-left:18px;n cursor: default;n /* can't make inline - multiline bugs */n}nn.TreeIEContent {ntheight: 18px;n}n n.TreeExpand {n width: 18px;n height: 18px;n float: left;n display: inline;n background-repeat : no-repeat;n}n n/* same style as IE selection */n.TreeNodeEmphasized {n background-color: Highlight;n color: HighlightText;n}n n.TreeContent .RichTextEditable, .TreeContent .RichTextEditable iframe {n   background-color: #ffc;n   color: black;n}nn/* don't use :focus due to opera's lack of support on div's */n.TreeLabelFocused {n   outline: 1px invert dotted;n}n", templateCssPath:dojo.uri.moduleUri("dojo.widget", "templates/TreeV3.css"), templateString:"<div style="${this.style}">n</div>", isExpanded:true, isTree:true, createNode:function (data) {
  22. data.tree = this.widgetId;
  23. if (data.widgetName) {
  24. return dojo.widget.createWidget(data.widgetName, data);
  25. } else {
  26. if (this.defaultChildWidget.prototype.createSimple) {
  27. return this.defaultChildWidget.prototype.createSimple(data);
  28. } else {
  29. var ns = this.defaultChildWidget.prototype.ns;
  30. var wt = this.defaultChildWidget.prototype.widgetType;
  31. return dojo.widget.createWidget(ns + ":" + wt, data);
  32. }
  33. }
  34. }, makeNodeTemplate:function () {
  35. var domNode = document.createElement("div");
  36. dojo.html.setClass(domNode, this.classPrefix + "Node " + this.classPrefix + "ExpandLeaf " + this.classPrefix + "ChildrenNo");
  37. this.nodeTemplate = domNode;
  38. var expandNode = document.createElement("div");
  39. var clazz = this.classPrefix + "Expand";
  40. if (dojo.render.html.ie) {
  41. clazz = clazz + " " + this.classPrefix + "IEExpand";
  42. }
  43. dojo.html.setClass(expandNode, clazz);
  44. this.expandNodeTemplate = expandNode;
  45. var labelNode = document.createElement("span");
  46. dojo.html.setClass(labelNode, this.classPrefix + "Label");
  47. this.labelNodeTemplate = labelNode;
  48. var contentNode = document.createElement("div");
  49. var clazz = this.classPrefix + "Content";
  50. if (dojo.render.html.ie && !dojo.render.html.ie70) {
  51. clazz = clazz + " " + this.classPrefix + "IEContent";
  52. }
  53. dojo.html.setClass(contentNode, clazz);
  54. this.contentNodeTemplate = contentNode;
  55. domNode.appendChild(expandNode);
  56. domNode.appendChild(contentNode);
  57. contentNode.appendChild(labelNode);
  58. }, makeContainerNodeTemplate:function () {
  59. var div = document.createElement("div");
  60. div.style.display = "none";
  61. dojo.html.setClass(div, this.classPrefix + "Container");
  62. this.containerNodeTemplate = div;
  63. }, actions:{ADDCHILD:"ADDCHILD"}, getInfo:function () {
  64. var info = {widgetId:this.widgetId, objectId:this.objectId};
  65. return info;
  66. }, adjustEventNames:function () {
  67. for (var name in this.eventNamesDefault) {
  68. if (dojo.lang.isUndefined(this.eventNames[name])) {
  69. this.eventNames[name] = this.widgetId + "/" + this.eventNamesDefault[name];
  70. }
  71. }
  72. }, adjustDndMode:function () {
  73. var _this = this;
  74. var DndMode = 0;
  75. dojo.lang.forEach(this.DndMode.split(";"), function (elem) {
  76. var mode = _this.DndModes[dojo.string.trim(elem).toUpperCase()];
  77. if (mode) {
  78. DndMode = DndMode | mode;
  79. }
  80. });
  81. this.DndMode = DndMode;
  82. }, destroy:function () {
  83. dojo.event.topic.publish(this.tree.eventNames.beforeTreeDestroy, {source:this});
  84. return dojo.widget.HtmlWidget.prototype.destroy.apply(this, arguments);
  85. }, initialize:function (args) {
  86. this.domNode.widgetId = this.widgetId;
  87. for (var i = 0; i < this.actionsDisabled.length; i++) {
  88. this.actionsDisabled[i] = this.actionsDisabled[i].toUpperCase();
  89. }
  90. if (!args.defaultChildWidget) {
  91. this.defaultChildWidget = dojo.widget.TreeNodeV3;
  92. } else {
  93. this.defaultChildWidget = dojo.lang.getObjPathValue(args.defaultChildWidget);
  94. }
  95. this.adjustEventNames();
  96. this.adjustDndMode();
  97. this.makeNodeTemplate();
  98. this.makeContainerNodeTemplate();
  99. this.containerNode = this.domNode;
  100. dojo.html.setClass(this.domNode, this.classPrefix + "Container");
  101. var _this = this;
  102. dojo.lang.forEach(this.listeners, function (elem) {
  103. var t = dojo.lang.isString(elem) ? dojo.widget.byId(elem) : elem;
  104. t.listenTree(_this);
  105. });
  106. }, postCreate:function () {
  107. dojo.event.topic.publish(this.eventNames.afterTreeCreate, {source:this});
  108. }, move:function (child, newParent, index) {
  109. if (!child.parent) {
  110. dojo.raise(this.widgetType + ": child can be moved only while it's attached");
  111. }
  112. var oldParent = child.parent;
  113. var oldTree = child.tree;
  114. var oldIndex = child.getParentIndex();
  115. var newTree = newParent.tree;
  116. var newParent = newParent;
  117. var newIndex = index;
  118. var message = {oldParent:oldParent, oldTree:oldTree, oldIndex:oldIndex, newParent:newParent, newTree:newTree, newIndex:newIndex, child:child};
  119. dojo.event.topic.publish(oldTree.eventNames.beforeMoveFrom, message);
  120. dojo.event.topic.publish(newTree.eventNames.beforeMoveTo, message);
  121. this.doMove.apply(this, arguments);
  122. dojo.event.topic.publish(oldTree.eventNames.afterMoveFrom, message);
  123. dojo.event.topic.publish(newTree.eventNames.afterMoveTo, message);
  124. }, doMove:function (child, newParent, index) {
  125. child.doDetach();
  126. newParent.doAddChild(child, index);
  127. }, toString:function () {
  128. return "[" + this.widgetType + " ID:" + this.widgetId + "]";
  129. }});