dijit.MenuBarItem¶
Authors: | Bill Keese |
---|
This is an item in a Menubar that may be clickable but does not spawn a submenu when pressed or hovered over.
Examples¶
A programmatically created MenuBarItem¶
dojo.require("dijit.MenuBar");
dojo.require("dijit.MenuBarItem");
var pMenuBar;
function fClickItem(){alert("Clicked on first item")};
function fClickAnotherItem(){alert("Clicked on the second Item!")};
dojo.ready(function(){
pMenuBar = new dijit.MenuBar({id:"SampleMenu"});
pMenuBar.addChild(new dijit.MenuBarItem({label:"MenuBarItem#1 ", disabled:true, onClick:fClickItem}));
pMenuBar.addChild(new dijit.MenuBarItem({label:"MenubarItem#2 ", onClick:fClickAnotherItem}));
pMenuBar.placeAt("wrapper");
pMenuBar.startup();
});
<div id="wrapper"></div>
Creation from markup is simpler and more structured.
dojo.require("dijit.MenuBar");
dojo.require("dijit.DropDownMenu");
dojo.require("dijit.MenuBarItem");
<div id="menubar" data-dojo-type="dijit/MenuBar">
<div data-dojo-type="dijit/MenuBarItem" data-dojo-props="onClick:function(){alert('Clicked on BarMenuItem');}">
Click me!
</div>
<div data-dojo-type="dijit/MenuBarItem" data-dojo-props="disabled:true">
Disabled item
</div>
</div>
Accessibility¶
Keyboard¶
Action | Key |
---|---|
Navigate menu bar items | Left and right arrow keys |
Activate a menu item | Spacebar or enter |