JS组织菜单

//组织菜单
function Menu(id,pid,mName,path){
this.id=id;
this.pid=pid;
this.mName=mName;
this.path=path;
};
function menuBox(objName){
this.obj = objName;
this.Menus = [];
this.selectedMenu = null;
this.str=null;
};
menuBox.prototype.add=function(id,pid,mName,path){
this.Menus[this.Menus.length]=new Menu(id,pid,mName,path);
};


menuBox.prototype.getSubMenus=function(id){
var i;
var subMenus=[];
for (i=0; i<this.Menus.length; i++) {
var menu=this.Menus[i];
if(menu.pid==id){
subMenus[subMenus.length]=menu;
}
}
return subMenus;
};


menuBox.prototype.expand=function(id){
var subMenuBoxStr="<div id=\"subMenuBox"+id+"\"  style=\"display:none\" class=\"subMenuBox\">";
for (i=0; i<this.Menus.length; i++) {
var menu=this.Menus[i];
if(menu.pid==id){
subMenuBoxStr+="<div id=\"subMenu"+menu.id+"\" class=\"subMenu\" onMouseOver=\"this.className='subMenu_onmouseOver'\" onMouseOut=\"this.className='subMenu'\">"
+"<a class=\"menuParent\" href=\""+menu.path+"\" target=\"main\">"
+menu.mName+"</a>"
+"</div>";
}
}
subMenuBoxStr+="</div>";
return subMenuBoxStr;
};
menuBox.prototype.toString=function(){
var j;
var str="";
for (j=0; j<this.Menus.length; j++) {
var menu=this.Menus[j];
if(menu.pid==0){
if(this.getSubMenus(menu.id).length==0){
str+="<div id=\"menu"+menu.id+"\" class=\"menu\" onMouseOver=\"this.className='menu_onmouseOver'\" onMouseOut=\"this.className='menu'\">";
str+="<a class=\"menuParent\" href=\""+menu.path+"\" target=\"main\">"
+menu.mName+"</a>";
str+="</div>";
}
else if(this.getSubMenus(menu.id).length!=0){
str+="<div id=\"menu"+menu.id+"\" class=\"menu\"  onclick=\"show('subMenuBox"+menu.id+"')\" onMouseOver=\"this.className='menu_onmouseOver'\" onMouseOut=\"this.className='menu'\">";
if(menu.path==''){
str+="<a class=\"menuParent\" target=\"main\">";
}else{
str+="<a class=\"menuParent\" href=\""+menu.path+"\" target=\"main\">";
}
str+=menu.mName+"</a></div>";
str+=this.expand(menu.id);
}
}
}
return str;
};