Demo:Menu_SAP刘梦_新浪博客_javascript

效果

Demo:Menu_SAP刘梦_新浪博客_javascript_02

代码

 

<<span style="color:#3f7f7f">script>
//Function to handle the select event of the items
var handleSelect = function(oEvent) {
"item").getId());

};

//create menu
var oMenu = new sap.ui.commons.Menu("menu");
"Menu");

//create item
var oMenuItem1 = new sap.ui.commons.MenuItem("item1", {
"子菜单1"
});
var oMenuItem2 = new sap.ui.commons.MenuItem("item2", {
"子菜单2"
});

var oMenu_sub1 = new sap.ui.commons.Menu("subM");
var oMenuItem11 = new sap.ui.commons.MenuItem("item11", {
"子菜单11"
});
var oMenuItem12 = new sap.ui.commons.MenuItem("item12", {
"子菜单12"
});

oMenuItem1.setSubmenu(oMenu_sub1);
oMenu_sub1.addItem(oMenuItem11);
oMenu_sub1.addItem(oMenuItem12);

oMenu.addItem(oMenuItem1);
oMenu.addItem(oMenuItem2);

//event
oMenuItem2.attachSelect(handleSelect);
oMenuItem11.attachSelect(handleSelect);
oMenuItem12.attachSelect(handleSelect);
// Create a Link which opens the menu on click
var oLink1 = new sap.ui.commons.Link("link1", {
"Menu Click"
});
oLink1
function() {
var eDock = sap.ui.core.Popup.Dock;
oMenu
.open(
false ,
,
eDock.BeginTop,
eDock.BeginBottom,
oLink1.getDomRef()
);
});

// Attach the link to the page
"content");
</<span style="color:#3f7f7f">script>