TreeNode.js
资源名称:oa.rar [点击查看]
上传用户:kimgenplus
上传日期:2016-06-05
资源大小:20877k
文件大小:10k
源码类别:
OA系统
开发平台:
Java
- /*
- 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"> " + "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 () {
- 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 + "]";
- }});