多项选择的树Dtree

/*--------------------------------------------------| | dTree 2.05 | www.destroydrop.com/javascript/tree/ | |---------------------------------------------------| | Copyright (c) 2002-2003 Geir Landr? | | | | This script can be used freely as long as all | | copyright messages are intact. | | | | Updated: 17.04.2003 | |--------------------------------------------------*/ // �޸� // /* �ڵ������� @param actionUrl ����Url ���� @param actionIcon ����ͼ�� ���� @param actionTitle ������ʾ @param actionTarget ����target @return */ function NodeAction(actionUrl,actionIcon,actionTitle,actionTarget){ this.actionUrl=actionUrl; this.actionIcon=actionIcon; this.actionTarget=actionTarget; this.actionTitle=actionTitle; }; // Node object function Node(id, pid, name, url, title, target, icon, iconOpen, open) { this.id = id; this.pid = pid; this.name = name; this.url = url; this.title = title; this.target = target; this.icon = icon; this.iconOpen = iconOpen; this._io = open || false; this._is = false; this._ls = false; this._hc = false; this._ai = 0; this._p; }; /* nodeActionList �ǽڵ�������NodeAction object�����б� ���磺 nodeActionList=new List(); List������ java-like.util.js�ж��� */ function Node(id, pid, name, url, title, target, icon, iconOpen, open,nodeActionList) { this.id = id; this.pid = pid; this.name = name; this.url = url; this.title = title; this.target = target; this.icon = icon; this.iconOpen = iconOpen; this._io = open || false; this._is = false; this._ls = false; this._hc = false; this._ai = 0; this.nodeActionList=nodeActionList; this._p; }; // Tree object function dTree(objName) { this.config = { //ͼƬ·�� imageDir :null, target : null, folderLinks : true, useSelection : true, useCookies : true, useLines : true, useIcons : true, useStatusText : false, closeSameLevel : false, inOrder : false, check:true, //默认没有 checkbox mycheckboxName: "mycheckbox" //checkbox的name属性 用作form表单提交 } this.icon = { root :(this.config.imageDir!=null)?this.config.imageDir="/"+base.gif: 'js/dtree2/img/base.gif', folder : 'js/dtree3/img/folder.gif', folderOpen : 'js/dtree3/img/folderopen.gif', node : 'js/dtree3/img/page.gif', empty : 'js/dtree3/img/empty.gif', line : 'js/dtree3/img/line.gif', join : 'js/dtree3/img/join.gif', joinBottom : 'js/dtree3/img/joinbottom.gif', plus : 'js/dtree3/img/plus.gif', plusBottom : 'js/dtree3/img/plusbottom.gif', minus : 'js/dtree3/img/minus.gif', minusBottom : 'js/dtree3/img/minusbottom.gif', nlPlus : 'js/dtree3/img/nolines_plus.gif', nlMinus : 'js/dtree3/img/nolines_minus.gif', iconUnCheckAll : 'js/dtree3/img/iconUnCheckAll.gif', iconCheckAll :'js/dtree3/img/iconCheckAll.gif', iconCheckGray : 'js/dtree3/img/iconCheckGray.gif' }; this.obj = objName; this.aNodes = []; this.aIndent = []; this.root = new Node(-1); this.selectedNode = null; this.selectedFound = false; this.completed = false; }; // Tree object dTree.prototype.reSetImagePath=function(){ this.icon = { root :(this.config.imageDir!=null)?this.config.imageDir+'/base.gif': 'img/base.gif', folder : (this.config.imageDir!=null)?this.config.imageDir+'/folder.gif':'img/folder.gif', folderOpen : (this.config.imageDir!=null)?this.config.imageDir+'/folderopen.gif':'img/folderopen.gif', node : (this.config.imageDir!=null)?this.config.imageDir+'/page.gif':'img/page.gif', empty : (this.config.imageDir!=null)?this.config.imageDir+'/empty.gif':'img/empty.gif', line : (this.config.imageDir!=null)?this.config.imageDir+'/line.gif':'img/line.gif', join : (this.config.imageDir!=null)?this.config.imageDir+'/join.gif':'img/join.gif', joinBottom : (this.config.imageDir!=null)?this.config.imageDir+'/joinbottom.gif':'img/joinbottom.gif', plus : (this.config.imageDir!=null)?this.config.imageDir+'/plus.gif':'img/plus.gif', plusBottom : (this.config.imageDir!=null)?this.config.imageDir+'/plusbottom.gif':'img/plusbottom.gif', minus : (this.config.imageDir!=null)?this.config.imageDir+'/minus.gif':'img/minus.gif', minusBottom : (this.config.imageDir!=null)?this.config.imageDir+'/minusbottom.gif':'img/minusbottom.gif', nlPlus : (this.config.imageDir!=null)?this.config.imageDir+'/nolines_plus.gif':'img/nolines_plus.gif', nlMinus : (this.config.imageDir!=null)?this.config.imageDir+'/nolines_minus.gif':'img/nolines_minus.gif', //checkbox 图片 iconUnCheckAll : (this.config.imageDir!=null)?this.config.imageDir+'/iconUnCheckAll.gif':'img/iconUnCheckAll.gif', iconCheckAll : (this.config.imageDir!=null)?this.config.imageDir+'/iconCheckAll.gif':'img/iconCheckAll.gif', iconCheckGray : (this.config.imageDir!=null)?this.config.imageDir+'/iconCheckGray.gif':'img/iconCheckGray.gif' }; } // Adds a new node to the node array dTree.prototype.add = function(id, pid, name, url, title, target, icon, iconOpen, open) { this.aNodes[this.aNodes.length] = new Node(id, pid, name, url, title, target, icon, iconOpen, open); }; // Adds a new node to the node array dTree.prototype.add = function(id, pid, name, url, title, target, icon, iconOpen, open,actionUrl,actionIcon) { this.aNodes[this.aNodes.length] = new Node(id, pid, name, url, title, target, icon, iconOpen, open,actionUrl,actionIcon); }; // Open/close all nodes dTree.prototype.openAll = function() { this.oAll(true); }; dTree.prototype.closeAll = function() { this.oAll(false); }; // Outputs the tree to the page dTree.prototype.toString = function() { var str = '<div class="dtree">\n'; if (document.getElementById) { if (this.config.useCookies) this.selectedNode = this.getSelected(); str += this.addNode(this.root); } else str += 'Browser not supported.'; str += '</div>'; if (!this.selectedFound) this.selectedNode = null; this.completed = true; return str; }; // Creates the tree structure dTree.prototype.addNode = function(pNode) { var str = ''; var n=0; if (this.config.inOrder) n = pNode._ai; for (n; n<this.aNodes.length; n++) { if (this.aNodes[n].pid == pNode.id) { var cn = this.aNodes[n]; cn._p = pNode; cn._ai = n; this.setCS(cn); if (!cn.target && this.config.target) cn.target = this.config.target; if (cn._hc && !cn._io && this.config.useCookies) cn._io = this.isOpen(cn.id); if (!this.config.folderLinks && cn._hc) cn.url = null; if (this.config.useSelection && cn.id == this.selectedNode && !this.selectedFound) { cn._is = true; this.selectedNode = n; this.selectedFound = true; } str += this.node(cn, n); if (cn._ls) break; } } return str; }; // Creates the node icon, url and text dTree.prototype.node = function(node, nodeId) { var str = '<div class="dTreeNode">' + this.indent(node, nodeId); if (this.config.useIcons) { if (!node.icon) node.icon = (this.root.id == node.pid) ? this.icon.root : ((node._hc) ? this.icon.folder : this.icon.node); if (!node.iconOpen) node.iconOpen = (node._hc) ? this.icon.folderOpen : this.icon.node; //新加的 checkbox if(this.config.check==true){ str+= '<img check