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

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.TreeNode");
  9. dojo.require("dojo.html.*");
  10. dojo.require("dojo.event.*");
  11. dojo.require("dojo.io.*");
  12. dojo.widget.defineWidget("dojo.widget.TreeNode", dojo.widget.HtmlWidget, function () {
  13. this.actionsDisabled = [];
  14. }, {widgetType:"TreeNode", loadStates:{UNCHECKED:"UNCHECKED", LOADING:"LOADING", LOADED:"LOADED"}, actions:{MOVE:"MOVE", REMOVE:"REMOVE", EDIT:"EDIT", ADDCHILD:"ADDCHILD"}, isContainer:true, lockLevel:0, templateString:("<div class="dojoTreeNode"> " + "<span treeNode="${this.widgetId}" class="dojoTreeNodeLabel" dojoAttachPoint="labelNode"> " + "tt<span dojoAttachPoint="titleNode" dojoAttachEvent="onClick: onTitleClick" class="dojoTreeNodeLabelTitle">${this.title}</span> " + "</span> " + "<span class="dojoTreeNodeAfterLabel" dojoAttachPoint="afterLabelNode">${this.afterLabel}</span> " + "<div dojoAttachPoint="containerNode" style="display:none"></div> " + "</div>").replace(/(>|<)s+/g, "$1"), childIconSrc:"", childIconFolderSrc:dojo.uri.moduleUri("dojo.widget", "templates/images/Tree/closed.gif"), childIconDocumentSrc:dojo.uri.moduleUri("dojo.widget", "templates/images/Tree/document.gif"), childIcon:null, isTreeNode:true, objectId:"", afterLabel:"", afterLabelNode:null, expandIcon:null, title:"", object:"", isFolder:false, labelNode:null, titleNode:null, imgs:null, expandLevel:"", tree:null, depth:0, isExpanded:false, state:null, domNodeInitialized:false, isFirstChild:function () {
  15. return this.getParentIndex() == 0 ? true : false;
  16. }, isLastChild:function () {
  17. return this.getParentIndex() == this.parent.children.length - 1 ? true : false;
  18. }, lock:function () {
  19. return this.tree.lock.apply(this, arguments);
  20. }, unlock:function () {
  21. return this.tree.unlock.apply(this, arguments);
  22. }, isLocked:function () {
  23. return this.tree.isLocked.apply(this, arguments);
  24. }, cleanLock:function () {
  25. return this.tree.cleanLock.apply(this, arguments);
  26. }, actionIsDisabled:function (action) {
  27. var _this = this;
  28. var disabled = false;
  29. if (this.tree.strictFolders && action == this.actions.ADDCHILD && !this.isFolder) {
  30. disabled = true;
  31. }
  32. if (dojo.lang.inArray(_this.actionsDisabled, action)) {
  33. disabled = true;
  34. }
  35. if (this.isLocked()) {
  36. disabled = true;
  37. }
  38. return disabled;
  39. }, getInfo:function () {
  40. var info = {widgetId:this.widgetId, objectId:this.objectId, index:this.getParentIndex(), isFolder:this.isFolder};
  41. return info;
  42. }, initialize:function (args, frag) {
  43. this.state = this.loadStates.UNCHECKED;
  44. for (var i = 0; i < this.actionsDisabled.length; i++) {
  45. this.actionsDisabled[i] = this.actionsDisabled[i].toUpperCase();
  46. }
  47. this.expandLevel = parseInt(this.expandLevel);
  48. }, adjustDepth:function (depthDiff) {
  49. for (var i = 0; i < this.children.length; i++) {
  50. this.children[i].adjustDepth(depthDiff);
  51. }
  52. this.depth += depthDiff;
  53. if (depthDiff > 0) {
  54. for (var i = 0; i < depthDiff; i++) {
  55. var img = this.tree.makeBlankImg();
  56. this.imgs.unshift(img);
  57. dojo.html.insertBefore(this.imgs[0], this.domNode.firstChild);
  58. }
  59. }
  60. if (depthDiff < 0) {
  61. for (var i = 0; i < -depthDiff; i++) {
  62. this.imgs.shift();
  63. dojo.html.removeNode(this.domNode.firstChild);
  64. }
  65. }
  66. }, markLoading:function () {
  67. this._markLoadingSavedIcon = this.expandIcon.src;
  68. this.expandIcon.src = this.tree.expandIconSrcLoading;
  69. }, unMarkLoading:function () {
  70. if (!this._markLoadingSavedIcon) {
  71. return;
  72. }
  73. var im = new Image();
  74. im.src = this.tree.expandIconSrcLoading;
  75. if (this.expandIcon.src == im.src) {
  76. this.expandIcon.src = this._markLoadingSavedIcon;
  77. }
  78. this._markLoadingSavedIcon = null;
  79. }, setFolder:function () {
  80. dojo.event.connect(this.expandIcon, "onclick", this, "onTreeClick");
  81. this.expandIcon.src = this.isExpanded ? this.tree.expandIconSrcMinus : this.tree.expandIconSrcPlus;
  82. this.isFolder = true;
  83. }, createDOMNode:function (tree, depth) {
  84. this.tree = tree;
  85. this.depth = depth;
  86. this.imgs = [];
  87. for (var i = 0; i < this.depth + 1; i++) {
  88. var img = this.tree.makeBlankImg();
  89. this.domNode.insertBefore(img, this.labelNode);
  90. this.imgs.push(img);
  91. }
  92. this.expandIcon = this.imgs[this.imgs.length - 1];
  93. this.childIcon = this.tree.makeBlankImg();
  94. this.imgs.push(this.childIcon);
  95. dojo.html.insertBefore(this.childIcon, this.titleNode);
  96. if (this.children.length || this.isFolder) {
  97. this.setFolder();
  98. } else {
  99. this.state = this.loadStates.LOADED;
  100. }
  101. dojo.event.connect(this.childIcon, "onclick", this, "onIconClick");
  102. for (var i = 0; i < this.children.length; i++) {
  103. this.children[i].parent = this;
  104. var node = this.children[i].createDOMNode(this.tree, this.depth + 1);
  105. this.containerNode.appendChild(node);
  106. }
  107. if (this.children.length) {
  108. this.state = this.loadStates.LOADED;
  109. }
  110. this.updateIcons();
  111. this.domNodeInitialized = true;
  112. dojo.event.topic.publish(this.tree.eventNames.createDOMNode, {source:this});
  113. return this.domNode;
  114. }, onTreeClick:function (e) {
  115. dojo.event.topic.publish(this.tree.eventNames.treeClick, {source:this, event:e});
  116. }, onIconClick:function (e) {
  117. dojo.event.topic.publish(this.tree.eventNames.iconClick, {source:this, event:e});
  118. }, onTitleClick:function (e) {
  119. dojo.event.topic.publish(this.tree.eventNames.titleClick, {source:this, event:e});
  120. }, markSelected:function () {
  121. dojo.html.addClass(this.titleNode, "dojoTreeNodeLabelSelected");
  122. }, unMarkSelected:function () {
  123. dojo.html.removeClass(this.titleNode, "dojoTreeNodeLabelSelected");
  124. }, updateExpandIcon:function () {
  125. if (this.isFolder) {
  126. this.expandIcon.src = this.isExpanded ? this.tree.expandIconSrcMinus : this.tree.expandIconSrcPlus;
  127. } else {
  128. this.expandIcon.src = this.tree.blankIconSrc;
  129. }
  130. }, updateExpandGrid:function () {
  131. if (this.tree.showGrid) {
  132. if (this.depth) {
  133. this.setGridImage(-2, this.isLastChild() ? this.tree.gridIconSrcL : this.tree.gridIconSrcT);
  134. } else {
  135. if (this.isFirstChild()) {
  136. this.setGridImage(-2, this.isLastChild() ? this.tree.gridIconSrcX : this.tree.gridIconSrcY);
  137. } else {
  138. this.setGridImage(-2, this.isLastChild() ? this.tree.gridIconSrcL : this.tree.gridIconSrcT);
  139. }
  140. }
  141. } else {
  142. this.setGridImage(-2, this.tree.blankIconSrc);
  143. }
  144. }, updateChildGrid:function () {
  145. if ((this.depth || this.tree.showRootGrid) && this.tree.showGrid) {
  146. this.setGridImage(-1, (this.children.length && this.isExpanded) ? this.tree.gridIconSrcP : this.tree.gridIconSrcC);
  147. } else {
  148. if (this.tree.showGrid && !this.tree.showRootGrid) {
  149. this.setGridImage(-1, (this.children.length && this.isExpanded) ? this.tree.gridIconSrcZ : this.tree.blankIconSrc);
  150. } else {
  151. this.setGridImage(-1, this.tree.blankIconSrc);
  152. }
  153. }
  154. }, updateParentGrid:function () {
  155. var parent = this.parent;
  156. for (var i = 0; i < this.depth; i++) {
  157. var idx = this.imgs.length - (3 + i);
  158. var img = (this.tree.showGrid && !parent.isLastChild()) ? this.tree.gridIconSrcV : this.tree.blankIconSrc;
  159. this.setGridImage(idx, img);
  160. parent = parent.parent;
  161. }
  162. }, updateExpandGridColumn:function () {
  163. if (!this.tree.showGrid) {
  164. return;
  165. }
  166. var _this = this;
  167. var icon = this.isLastChild() ? this.tree.blankIconSrc : this.tree.gridIconSrcV;
  168. dojo.lang.forEach(_this.getDescendants(), function (node) {
  169. node.setGridImage(_this.depth, icon);
  170. });
  171. this.updateExpandGrid();
  172. }, updateIcons:function () {
  173. this.imgs[0].style.display = this.tree.showRootGrid ? "inline" : "none";
  174. this.buildChildIcon();
  175. this.updateExpandGrid();
  176. this.updateChildGrid();
  177. this.updateParentGrid();
  178. dojo.profile.stop("updateIcons");
  179. }, buildChildIcon:function () {
  180. if (this.childIconSrc) {
  181. this.childIcon.src = this.childIconSrc;
  182. }
  183. this.childIcon.style.display = this.childIconSrc ? "inline" : "none";
  184. }, setGridImage:function (idx, src) {
  185. if (idx < 0) {
  186. idx = this.imgs.length + idx;
  187. }
  188. this.imgs[idx].style.backgroundImage = "url(" + src + ")";
  189. }, updateIconTree:function () {
  190. this.tree.updateIconTree.call(this);
  191. }, expand:function () {
  192. if (this.isExpanded) {
  193. return;
  194. }
  195. if (this.children.length) {
  196. this.showChildren();
  197. }
  198. this.isExpanded = true;
  199. this.updateExpandIcon();
  200. dojo.event.topic.publish(this.tree.eventNames.expand, {source:this});
  201. }, collapse:function () {
  202. if (!this.isExpanded) {
  203. return;
  204. }
  205. this.hideChildren();
  206. this.isExpanded = false;
  207. this.updateExpandIcon();
  208. dojo.event.topic.publish(this.tree.eventNames.collapse, {source:this});
  209. }, hideChildren:function () {
  210. this.tree.toggleObj.hide(this.containerNode, this.toggleDuration, this.explodeSrc, dojo.lang.hitch(this, "onHide"));
  211. if (dojo.exists(dojo, "dnd.dragManager.dragObjects") && dojo.dnd.dragManager.dragObjects.length) {
  212. dojo.dnd.dragManager.cacheTargetLocations();
  213. }
  214. }, showChildren:function () {
  215. this.tree.toggleObj.show(this.containerNode, this.toggleDuration, this.explodeSrc, dojo.lang.hitch(this, "onShow"));
  216. if (dojo.exists(dojo, "dnd.dragManager.dragObjects") && dojo.dnd.dragManager.dragObjects.length) {
  217. dojo.dnd.dragManager.cacheTargetLocations();
  218. }
  219. }, addChild:function () {
  220. return this.tree.addChild.apply(this, arguments);
  221. }, doAddChild:function () {
  222. return this.tree.doAddChild.apply(this, arguments);
  223. }, edit:function (props) {
  224. dojo.lang.mixin(this, props);
  225. if (props.title) {
  226. this.titleNode.innerHTML = this.title;
  227. }
  228. if (props.afterLabel) {
  229. this.afterLabelNode.innerHTML = this.afterLabel;
  230. }
  231. if (props.childIconSrc) {
  232. this.buildChildIcon();
  233. }
  234. }, removeNode:function () {
  235. return this.tree.removeNode.apply(this, arguments);
  236. }, doRemoveNode:function () {
  237. return this.tree.doRemoveNode.apply(this, arguments);
  238. }, toString:function () {
  239. return "[" + this.widgetType + " Tree:" + this.tree + " ID:" + this.widgetId + " Title:" + this.title + "]";
  240. }});