Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
​
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <script id="sap-ui-bootstrap" src=" https://sapui5.hana.ondemand.com/resources/sap-ui-core.js" data-sap-ui-libs="sap.m, sap.ui.unified" data-sap-ui-theme="sap_bluecrystal" data-sap-ui-xx-bindingSyntax="complex">
    </script>
    <script>
    var oData = {
        dropdownMenu: {
            kepesertaan: [{
                name: "Menu1",
                icon: "sap-icon://crop",
                sub: [{
                    name: "Submenu1-1",
                    icon: "sap-icon://create-session"
                }, {
                    name: "Submenu1-2",
                    icon: "sap-icon://create-form"
                }]
            }, {
                name: "Menu2",
                icon: "sap-icon://detail-view",
                sub: [{
                    name: "Submenu2-1",
                    icon: "sap-icon://add-activity"
                }, {
                    name: "Submenu2-2",
                    icon: "sap-icon://action"
                }]
            }]
        }
    }
​
    var oModel = new sap.ui.model.json.JSONModel();
    oModel.setData(oData);
​
    sap.ui.getCore().setModel(oModel, "kepesertaanmodel");
​
​
    var oMenu = new sap.ui.unified.Menu({
        itemSelect: function(oEvent) {
            alert(oEvent.getParameter("item").getBinding("text").getValue("name"));
        }
    });
​
    var oItemTemplate = new sap.ui.unified.MenuItem({
        text: "{kepesertaanmodel>name}",
    });
​
    oMenu.bindAggregation("items", "kepesertaanmodel>/dropdownMenu/kepesertaan", oItemTemplate);
​
    var oButton = new sap.m.Button({
        press: function() {
            var eDock = sap.ui.core.Popup.Dock;
            oMenu.open(true, oButton, eDock.BeginTop, eDock.BeginBottom, oButton);
        }
    }).placeAt('content');
    </script>
    <title>JS Bin</title>
</head>
​
<body id="content" class="sapUiBody">
</body>
​
</html>
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers