Dojo drop down button in XPages

The post speaks about how a simple drop down action button can be created in XPage using dojo

The code fragment that is necessary to the job is  as follows 
       dojo.require("dijit.form.Button"); dojo.require("dijit.Menu");
         dojo.addOnLoad(function() { var menu = new dijit.Menu({ style:
        "display: none;" }); var menuItem1 = new dijit.MenuItem({ label:
        "Save", iconClass: "dijitEditorIcon dijitEditorIconSave",
        onClick: function() { alert('save'); } });
        menu.addChild(menuItem1);

        var menuItem2 = new dijit.MenuItem({ label: "Cut", iconClass:
        "dijitEditorIcon dijitEditorIconCut", onClick: function() {
        alert('cut'); } }); menu.addChild(menuItem2);

        var button = new dijit.form.DropDownButton({ label: "hello!",
        name: "programmatic2", dropDown: menu, id: "progButton" });
        dojo.byId("dropdownButtonContainer").appendChild(button.domNode);
        });

Ensure that you add the following div tag to your page. Or else you might see a black page with possible an error in the console
    <div id="dropdownButtonContainer"></div>
</xp:view>