WEB开发网
开发学院网页设计JavaScript Javascript乱弹设计模式系列(4) - 组合模式(Comp... 阅读

Javascript乱弹设计模式系列(4) - 组合模式(Composite)

 2010-09-14 13:37:28 来源:WEB开发网   
核心提示: 5. 接着添加一个Menu操作类MenuOpr:varMenuOpr={list:newArray(),add:function(component){this.list.push(component);},print:function(container){varstr="&l

5. 接着添加一个Menu操作类MenuOpr:

varMenuOpr={
  list:newArray(),
  add:function(component){
    this.list.push(component);
  },
  print:function(container){
    varstr="<ulclass="Menu">";
    for(vari=0,len=this.list.length;i<len;i++){
      str+=this.list[i].getValue();
    }
    document.getElementById(container).innerHTML=str+"</ul>";
  }
}

6. 最后利用组合模式编写调用代码:

varmenu1=newMenuItem("菜单1","菜单1","#");
varmenu2=newMenu("菜单2","菜单2","#");
varmenu2_1=newMenuItem("菜单2-1","菜单2-1","#");
varmenu2_2=newMenu("菜单2-2","菜单2-2","#");
varmenu2_2_1=newMenuItem("菜单2-2-1","菜单2-2-1","#");
varmenu2_2_2=newMenuItem("菜单2-2-2","菜单2-2-2","#");
varmenu2_3=newMenuItem("菜单2-3","菜单2-3","#");
menu2.add(menu2_1);
menu2.add(menu2_2);
menu2_2.add(menu2_2_1);
menu2_2.add(menu2_2_2);
menu2.add(menu2_3);
varmenu3=newMenu("菜单3","菜单3","#");
varmenu3_1=newMenuItem("菜单3-1","菜单3-1","#");
menu3.add(menu3_1);
varmenu4=newMenuItem("菜单4","菜单4","#");
MenuOpr.add(menu1);
MenuOpr.add(menu2);
MenuOpr.add(menu3);
MenuOpr.add(menu4);
MenuOpr.print("main_container");

上一页  1 2 3 4 5  下一页

Tags:Javascript 乱弹 设计模式

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接