| /* |
| Copyright (c) 2004-2006, The Dojo Foundation |
| All Rights Reserved. |
| |
| Licensed under the Academic Free License version 2.1 or above OR the |
| modified BSD license. For more information on Dojo licensing, see: |
| |
| http://dojotoolkit.org/community/licensing.shtml |
| */ |
| |
| |
| |
| dojo.provide("dojo.widget.TreeNode"); |
| dojo.require("dojo.html.*"); |
| dojo.require("dojo.event.*"); |
| dojo.require("dojo.io.*"); |
| dojo.widget.defineWidget("dojo.widget.TreeNode", dojo.widget.HtmlWidget, function () { |
| this.actionsDisabled = []; |
| }, {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\"> " + "\t\t<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 () { |
| return this.getParentIndex() == 0 ? true : false; |
| }, isLastChild:function () { |
| return this.getParentIndex() == this.parent.children.length - 1 ? true : false; |
| }, lock:function () { |
| return this.tree.lock.apply(this, arguments); |
| }, unlock:function () { |
| return this.tree.unlock.apply(this, arguments); |
| }, isLocked:function () { |
| return this.tree.isLocked.apply(this, arguments); |
| }, cleanLock:function () { |
| return this.tree.cleanLock.apply(this, arguments); |
| }, actionIsDisabled:function (action) { |
| var _this = this; |
| var disabled = false; |
| if (this.tree.strictFolders && action == this.actions.ADDCHILD && !this.isFolder) { |
| disabled = true; |
| } |
| if (dojo.lang.inArray(_this.actionsDisabled, action)) { |
| disabled = true; |
| } |
| if (this.isLocked()) { |
| disabled = true; |
| } |
| return disabled; |
| }, getInfo:function () { |
| var info = {widgetId:this.widgetId, objectId:this.objectId, index:this.getParentIndex(), isFolder:this.isFolder}; |
| return info; |
| }, initialize:function (args, frag) { |
| this.state = this.loadStates.UNCHECKED; |
| for (var i = 0; i < this.actionsDisabled.length; i++) { |
| this.actionsDisabled[i] = this.actionsDisabled[i].toUpperCase(); |
| } |
| this.expandLevel = parseInt(this.expandLevel); |
| }, adjustDepth:function (depthDiff) { |
| for (var i = 0; i < this.children.length; i++) { |
| this.children[i].adjustDepth(depthDiff); |
| } |
| this.depth += depthDiff; |
| if (depthDiff > 0) { |
| for (var i = 0; i < depthDiff; i++) { |
| var img = this.tree.makeBlankImg(); |
| this.imgs.unshift(img); |
| dojo.html.insertBefore(this.imgs[0], this.domNode.firstChild); |
| } |
| } |
| if (depthDiff < 0) { |
| for (var i = 0; i < -depthDiff; i++) { |
| this.imgs.shift(); |
| dojo.html.removeNode(this.domNode.firstChild); |
| } |
| } |
| }, markLoading:function () { |
| this._markLoadingSavedIcon = this.expandIcon.src; |
| this.expandIcon.src = this.tree.expandIconSrcLoading; |
| }, unMarkLoading:function () { |
| if (!this._markLoadingSavedIcon) { |
| return; |
| } |
| var im = new Image(); |
| im.src = this.tree.expandIconSrcLoading; |
| if (this.expandIcon.src == im.src) { |
| this.expandIcon.src = this._markLoadingSavedIcon; |
| } |
| this._markLoadingSavedIcon = null; |
| }, setFolder:function () { |
| dojo.event.connect(this.expandIcon, "onclick", this, "onTreeClick"); |
| this.expandIcon.src = this.isExpanded ? this.tree.expandIconSrcMinus : this.tree.expandIconSrcPlus; |
| this.isFolder = true; |
| }, createDOMNode:function (tree, depth) { |
| this.tree = tree; |
| this.depth = depth; |
| this.imgs = []; |
| for (var i = 0; i < this.depth + 1; i++) { |
| var img = this.tree.makeBlankImg(); |
| this.domNode.insertBefore(img, this.labelNode); |
| this.imgs.push(img); |
| } |
| this.expandIcon = this.imgs[this.imgs.length - 1]; |
| this.childIcon = this.tree.makeBlankImg(); |
| this.imgs.push(this.childIcon); |
| dojo.html.insertBefore(this.childIcon, this.titleNode); |
| if (this.children.length || this.isFolder) { |
| this.setFolder(); |
| } else { |
| this.state = this.loadStates.LOADED; |
| } |
| dojo.event.connect(this.childIcon, "onclick", this, "onIconClick"); |
| for (var i = 0; i < this.children.length; i++) { |
| this.children[i].parent = this; |
| var node = this.children[i].createDOMNode(this.tree, this.depth + 1); |
| this.containerNode.appendChild(node); |
| } |
| if (this.children.length) { |
| this.state = this.loadStates.LOADED; |
| } |
| this.updateIcons(); |
| this.domNodeInitialized = true; |
| dojo.event.topic.publish(this.tree.eventNames.createDOMNode, {source:this}); |
| return this.domNode; |
| }, onTreeClick:function (e) { |
| dojo.event.topic.publish(this.tree.eventNames.treeClick, {source:this, event:e}); |
| }, onIconClick:function (e) { |
| dojo.event.topic.publish(this.tree.eventNames.iconClick, {source:this, event:e}); |
| }, onTitleClick:function (e) { |
| dojo.event.topic.publish(this.tree.eventNames.titleClick, {source:this, event:e}); |
| }, markSelected:function () { |
| dojo.html.addClass(this.titleNode, "dojoTreeNodeLabelSelected"); |
| }, unMarkSelected:function () { |
| dojo.html.removeClass(this.titleNode, "dojoTreeNodeLabelSelected"); |
| }, updateExpandIcon:function () { |
| if (this.isFolder) { |
| this.expandIcon.src = this.isExpanded ? this.tree.expandIconSrcMinus : this.tree.expandIconSrcPlus; |
| } else { |
| this.expandIcon.src = this.tree.blankIconSrc; |
| } |
| }, updateExpandGrid:function () { |
| if (this.tree.showGrid) { |
| if (this.depth) { |
| this.setGridImage(-2, this.isLastChild() ? this.tree.gridIconSrcL : this.tree.gridIconSrcT); |
| } else { |
| if (this.isFirstChild()) { |
| this.setGridImage(-2, this.isLastChild() ? this.tree.gridIconSrcX : this.tree.gridIconSrcY); |
| } else { |
| this.setGridImage(-2, this.isLastChild() ? this.tree.gridIconSrcL : this.tree.gridIconSrcT); |
| } |
| } |
| } else { |
| this.setGridImage(-2, this.tree.blankIconSrc); |
| } |
| }, updateChildGrid:function () { |
| if ((this.depth || this.tree.showRootGrid) && this.tree.showGrid) { |
| this.setGridImage(-1, (this.children.length && this.isExpanded) ? this.tree.gridIconSrcP : this.tree.gridIconSrcC); |
| } else { |
| if (this.tree.showGrid && !this.tree.showRootGrid) { |
| this.setGridImage(-1, (this.children.length && this.isExpanded) ? this.tree.gridIconSrcZ : this.tree.blankIconSrc); |
| } else { |
| this.setGridImage(-1, this.tree.blankIconSrc); |
| } |
| } |
| }, updateParentGrid:function () { |
| var parent = this.parent; |
| for (var i = 0; i < this.depth; i++) { |
| var idx = this.imgs.length - (3 + i); |
| var img = (this.tree.showGrid && !parent.isLastChild()) ? this.tree.gridIconSrcV : this.tree.blankIconSrc; |
| this.setGridImage(idx, img); |
| parent = parent.parent; |
| } |
| }, updateExpandGridColumn:function () { |
| if (!this.tree.showGrid) { |
| return; |
| } |
| var _this = this; |
| var icon = this.isLastChild() ? this.tree.blankIconSrc : this.tree.gridIconSrcV; |
| dojo.lang.forEach(_this.getDescendants(), function (node) { |
| node.setGridImage(_this.depth, icon); |
| }); |
| this.updateExpandGrid(); |
| }, updateIcons:function () { |
| this.imgs[0].style.display = this.tree.showRootGrid ? "inline" : "none"; |
| this.buildChildIcon(); |
| this.updateExpandGrid(); |
| this.updateChildGrid(); |
| this.updateParentGrid(); |
| dojo.profile.stop("updateIcons"); |
| }, buildChildIcon:function () { |
| if (this.childIconSrc) { |
| this.childIcon.src = this.childIconSrc; |
| } |
| this.childIcon.style.display = this.childIconSrc ? "inline" : "none"; |
| }, setGridImage:function (idx, src) { |
| if (idx < 0) { |
| idx = this.imgs.length + idx; |
| } |
| this.imgs[idx].style.backgroundImage = "url(" + src + ")"; |
| }, updateIconTree:function () { |
| this.tree.updateIconTree.call(this); |
| }, expand:function () { |
| if (this.isExpanded) { |
| return; |
| } |
| if (this.children.length) { |
| this.showChildren(); |
| } |
| this.isExpanded = true; |
| this.updateExpandIcon(); |
| dojo.event.topic.publish(this.tree.eventNames.expand, {source:this}); |
| }, collapse:function () { |
| if (!this.isExpanded) { |
| return; |
| } |
| this.hideChildren(); |
| this.isExpanded = false; |
| this.updateExpandIcon(); |
| dojo.event.topic.publish(this.tree.eventNames.collapse, {source:this}); |
| }, hideChildren:function () { |
| this.tree.toggleObj.hide(this.containerNode, this.toggleDuration, this.explodeSrc, dojo.lang.hitch(this, "onHide")); |
| if (dojo.exists(dojo, "dnd.dragManager.dragObjects") && dojo.dnd.dragManager.dragObjects.length) { |
| dojo.dnd.dragManager.cacheTargetLocations(); |
| } |
| }, showChildren:function () { |
| this.tree.toggleObj.show(this.containerNode, this.toggleDuration, this.explodeSrc, dojo.lang.hitch(this, "onShow")); |
| if (dojo.exists(dojo, "dnd.dragManager.dragObjects") && dojo.dnd.dragManager.dragObjects.length) { |
| dojo.dnd.dragManager.cacheTargetLocations(); |
| } |
| }, addChild:function () { |
| return this.tree.addChild.apply(this, arguments); |
| }, doAddChild:function () { |
| return this.tree.doAddChild.apply(this, arguments); |
| }, edit:function (props) { |
| dojo.lang.mixin(this, props); |
| if (props.title) { |
| this.titleNode.innerHTML = this.title; |
| } |
| if (props.afterLabel) { |
| this.afterLabelNode.innerHTML = this.afterLabel; |
| } |
| if (props.childIconSrc) { |
| this.buildChildIcon(); |
| } |
| }, removeNode:function () { |
| return this.tree.removeNode.apply(this, arguments); |
| }, doRemoveNode:function () { |
| return this.tree.doRemoveNode.apply(this, arguments); |
| }, toString:function () { |
| return "[" + this.widgetType + " Tree:" + this.tree + " ID:" + this.widgetId + " Title:" + this.title + "]"; |
| }}); |
| |