treedata.js

struts+spring+jdbc权限管理 菜单树实现

/*
*	Author				: yaoyi
*	Date				: 2008/10/27
*	Description			: tree object
*
*/
var allElement = new Array();
var nextPosition = 0;

/************object***************/
function   TreeItem(id,txt)   
{   
		this.mId	= id;
        this.text   =   txt;   
        this.childNodes   =   new   Array();   
        this.parentNode   =   null;   
}   
    
TreeItem.prototype.add   =   function(node)   
{   
       node.parentNode   =   this;   
       this.childNodes[this.childNodes.length]   =   node; 
	   addElement(node.mId);
}   
  /************add***************/   
    
//add element
function addElement(id){
	allElement[nextPosition]=id;
	nextPosition += 1;
}

//add len
function addLen(){
	var newElement = new Array(length+buchang);
	for(var i = 0 ; i<allElement.length;i++){
		newElement[i]=allElement[i];
	}
}

//show menu
function showOn(node){
	for(var i = 0 ; i<allElement.length;i++){
		var menuId = allElement[i];
		var menuNode = document.getElementById(menuId);
		var img	= document.getElementById("i"+menuId);
		var img1 =document.getElementById("im"+menuId);
		if(menuNode != null){
			if(img != null){
				if(null!=type&&type=="left"){
					img.src=path+"/js/close.gif";
				}else{
					img.src=path+"/js/Tplus.png";
				}
			}
			menuNode.style.display = "none";
		}
	}

	var childNode = findChild(tree0,node)
	showParent(childNode);
}

function   findChild(node,id)   
{    
				  var r = null;
                  for(var   i=0;   i<node.childNodes.length;   i++)   
                  {   
                          var   treeNode   =   node.childNodes[i];  
						  
						  if(treeNode.mId == id)   
						  {   
                                   r = treeNode;
								   break;
						  }else{
								   r = findChild(treeNode,id);
								   if(r != null){
									 break;
								   }
						  }
                  }    
				  return r;
}   

//fund parent
function showParent(node){
	var id = node.mId;
	var treeN = document.getElementById(id);
	var img	= document.getElementById("i"+id);
	var img1	= document.getElementById("im"+id);
	if(treeN != null){
		if(img != null){
				if(null!=type&&type=="left"){
					img.src=path+"/js/open.gif";
				}else{
					img.src=path+"/js/Tminus.png";
				}
		}
		treeN.style.display = "";
		showParent(node.parentNode);
	}
}




  TreeItem.prototype.toString   =   function()   
  {   
  		   var   sumStr   =   "<TABLE class=Border height='100%' bgcolor='#ecfcfe' cellSpacing=0 cellPadding=0 width='100%' border='0'>";   
		  sumStr += "<tr><td align='left' valign='top'>";
          if(this.childNodes.length   >   0)   
          {   
                  //sumStr   +=   this.text   +   "<br>";  
                  var node =this.childNodes[0]; 
                  sumStr   +=   getChild(node); 
          }   
          else
		  {  
                  sumStr   +=   this.text ;  
		  }
    
          function   getChild(node)   
          {   
                  var   str   =   "<TABLE class=Border cellSpacing=0 cellPadding=0 width='100%' border='0'>";   
                  for(var   i=0;   i<node.childNodes.length;   i++)   
                  {   
                          var   treeNode   =   node.childNodes[i];  
						  
						  if(treeNode.childNodes.length   >   0)   
						  {   
							      str	+=	 "<tr><td width='19' style=\"CURSOR: pointer\" onclick=\"javascript:showOn('"+treeNode.mId+"');\"><IMG id='i"+treeNode.mId+"' src='"+path+"/js/close.gif'></td><td width='100%' align='left'>"; 
                                  str   +=   ""+treeNode.text +"";
								  str	+=	 "</td></tr>";
								  str	+=	 "<tr id='"+treeNode.mId+"' style='DISPLAY: none'><td width='19'></td><td width='100%' align='left'>";
                                  str   +=   getChild(treeNode); 
								  str	+=	 "</td></tr>";
						  }   
						  else{   
                                  str	+=	 "<tr><td width='19'><IMG src='"+path+"/js/child.gif'></td><td width='100%' align='left' colspan='2'>"; 
                                  str   +=   treeNode.text;
								  str	+=	 "</td></tr>";
						  }
                  }   
				  str += "</table>";
                  return   str;   
          }       
		  sumStr += "</td></tr></table>";
          return   sumStr;   
  } 

   TreeItem.prototype.menuShow   =   function()   
  {   
          var   sumStr   =   "<TABLE class=Border height='100%' bgcolor='#ecfcfe' cellSpacing=0 cellPadding=0 width='100%' border='0'>";   
		  sumStr += "<tr><td align='left' valign='top'>";
          if(this.childNodes.length   >   0)   
          {   
                  //sumStr   +=   this.text   +   "<br>";   
                  sumStr   +=   getChild(this); 
          }   
          else
		  {  
                  sumStr   +=   this.text ;  
		  }
    
          function   getChild(node)   
          {   
                  var   str   =   "<TABLE class=Border cellSpacing=0 cellPadding=0 width='100%' border='0'>";   
                  for(var   i=0;   i<node.childNodes.length;   i++)   
                  {   
                          var   treeNode   =   node.childNodes[i];  
						  
						  if(treeNode.childNodes.length   >   0)   
						  {   
							      str	+=	 "<tr><td width='19' style=\"CURSOR: pointer\" onclick=\"javascript:showOn('"+treeNode.mId+"');\"><IMG id='i"+treeNode.mId+"' src='"+path+"/js/Tplus.png'></td><td width='100%' align='left'>"; 
                                  str   +=   ""+treeNode.text +"";
								  str	+=	 "</td></tr>";
								  str	+=	 "<tr id='"+treeNode.mId+"' style='DISPLAY: none'><td width='19' style='background-image:url("+path+"/js/I.png)'></td><td width='100%' align='left'>";
                                  str   +=   getChild(treeNode); 
								  str	+=	 "</td></tr>";
						  }   
						  else{   
                                  str	+=	 "<tr><td width='19'><IMG src='"+path+"/js/cd.gif'></td><td width='100%' align='left' colspan='2'>"; 
                                  str   +=   treeNode.text;
								  str	+=	 "</td></tr>";
						  }
                  }   
				  str += "</table>";
                  return   str;   
          }       
		  sumStr += "</td></tr></table>";
          return   sumStr;   
  } 

  TreeItem.prototype.shwoMenu   =   function()   
  {   
          var   sumStr   =   "";   
          if(this.childNodes.length   >   0)   
          {   
                  sumStr   +=   this.text   +   "<br>";   
                  sumStr   +=   getChild(this);   
          }   
          else   
                  sumStr   +=   this.text   +   "<br>";   
    
          function   getChild(node)   
          {   
                  var   str   =   "";   
                  for(var   i=0;   i<node.childNodes.length;   i++)   
                  {   
                          var   treeNode   =   node.childNodes[i];   
                          var   level   =   getParentLevel(treeNode);   
                          var   blankStr   =   makeBlank(level);   
                          if(treeNode.childNodes.length   >   0)   
                          {   
                                  str   +=   blankStr   +   treeNode.text   +   "<br>";   
                                  str   +=   getChild(treeNode);   
                          }   
                          else   
                                  str   +=   blankStr   +   treeNode.text   +   "<br>";   
                  }   
                  return   str;   
          }   
    
          function   getParentLevel(node)   
          {   
                  var   i=0;   
                  var   pNode   =   node.parentNode;   
                  while(pNode   !=   null)   
                  {   
                          i++;   
                          pNode   =   pNode.parentNode;   
                  }   
                  return   i;   
          }   
    
          function   makeBlank(level)   
          {   
                  var   str   =   "";   
                  for(var   i=0;   i<level;   i++)   
                          str   +=   "&nbsp;&nbsp;";   
                  return   str;   
          }   
    
          return   sumStr;   
  }