menu.js

使用php+js编写的brocade简单demo

/**
 * panel object.
 */
var MenuPanel = function(){
	
	var panel = new bc.w.Panel("menuPanel",{dragable:true});
	panel.setWidth(350);
	panel.setHeight(300);
	panel.setStyle({left:'250px',top:'20px',padding:'5px',border:'#ccc solid 1px'});
	panel.addClassName("tranpanel");
	
	
	//create title bar.
	var tbar = new bc.w.TitleBar('菜单演示：',{closeIcon:'images/close.gif'});
	tbar.addClassName("titleBar");
	panel.setTitleBar(tbar);
	panel._e.style.backgroundImage="url(images/mask.png)";
	
	panel.content.addClassName("panel");
	
	//add active menu
	var label = document.createElement("label");
	label.style.display="block";
	label.innerHTML = "ActiveMenu:";
	panel.addChild(label);
	
	var menu = new bc.w.ActiveMenu("menutest",{});
	menu.addClassName("menu");
	menu.setWidth(200);
	panel.addChild(menu);
		
	var mi = new bc.w.MenuItem("a1","dd",{icon:'images/logo-16.gif',activeIcon:'images/logo-161.gif'});
	mi.addEventListener("click",function(evt){
		alert("the menu dd1 clicked!");
	}.bindAsEventListener(this));
	
	var medit = new bc.w.MenuItem("edit","修改按钮文字",{});
	medit.addEventListener("click",function(evt){
		bt.value = "文字已被修改";
	}.bindAsEventListener(this));
	menu.addMenuItem(medit);
	
	menu.addMenuItem(new bc.w.MenuSeparator());
	menu.addMenuItem(mi);
	
	var bt = document.createElement("input");
	bt.type="button";bt.id="testMenuBt";
	bt.value = " ActiveMenu ";
	Element.setStyle(bt,{padding:'10px',margin:'10px'});
	panel.addChild(bt);
	
	Event.observe(bt,"click",function(e){
			menu.show(e);
	}.bindAsEventListener(this));
	
	//around menu
	var label1 = document.createElement("label");
	label1.style.display="block";
	label1.innerHTML = "AroundMenu:";
	panel.addChild(label1);
	
	var arm = new bc.w.AroundMenu("arddd","测试菜单(AroundMenu)","dda",{icon:'images/dropdown-dh.gif'});
	arm.addClassName("around");
	arm.menu.addClassName("menu");
	arm.setWidth(200);
	arm.menu.setWidth(150);
		
	var mi2 = new bc.w.MenuItem("a21","修改文本  ",{icon:'images/logo-16.gif',activeIcon:'images/logo-161.gif'});
	mi2.addEventListener("click",function(evt){
		arm.setValue("文本已被修改","dd");
	}.bind(this));
	arm.addMenuItem(mi2);
		
	var mi1 = new bc.w.MenuItem("a11"," 删 除 ",{icon:'images/logo-16.gif',activeIcon:'images/logo-161.gif'});
	mi1.addEventListener("click",function(evt){
		arm.remove();
	}.bindAsEventListener(this));
	arm.addMenuItem(mi1);
			
	panel.addChild(arm);
	
	return panel;
}