dijit.MenuBarItem ¶

Contents

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>