Dijit Menu Experiment

Playing around with Dijit Menu

by brianarn

HTML

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/resources/dojo.css">
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/claro.css">
<div id="menu"></div>

JavaScript

dojo.require("dijit.MenuBar");
dojo.require("dijit.MenuBarItem");
dojo.require("dijit.PopupMenuBarItem");
dojo.require("dijit.Menu");
dojo.require("dijit.MenuItem");
dojo.require("dijit.PopupMenuItem");

dojo.ready(function() {
    var menuBar, subMenu, i, j;

    menuBar = new dijit.MenuBar({});

    for (i = 1; i <= 20; ++i) {
        subMenu = new dijit.Menu({});
        for (j = 1; j <= 5; ++j) {
            subMenu.addChild(new dijit.MenuItem({
                label: 'Menu ' + i + '.' + j
            }));
        }
        menuBar.addChild(new dijit.PopupMenuBarItem({
            label: 'Menu ' + i,
            popup: subMenu
        }));
    }

    menuBar.placeAt('menu');
    menuBar.startup();
});