Subversion Repositories Applications.papyrus

Rev

Rev 1987 | Blame | Compare with Previous | Last modification | View Log | RSS feed

/*
        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 + "]";
}});