/**
|
|
_MenuItem_ is a button styled to look like a menu item, intended for use in
|
|
an <a href="#onyx.Menu">onyx.Menu</a>. When the MenuItem is tapped, it
|
|
tells the menu to hide itself and sends an _onSelect_ event with its
|
|
content and a reference to itself. This event and its properties may be
|
|
received by a client application to determine which menu item was selected.
|
|
|
|
enyo.kind({
|
|
handlers: {
|
|
onSelect: "itemSelected"
|
|
},
|
|
components: [
|
|
{kind: "onyx.MenuDecorator", components: [
|
|
{content: "Open Menu (floating)"},
|
|
{kind: "onyx.Menu", floating: true, components: [
|
|
{content: "1"},
|
|
{content: "2"},
|
|
{classes: "onyx-menu-divider"},
|
|
{content: "3"},
|
|
]}
|
|
]}
|
|
],
|
|
itemSelected: function(inSender, inEvent) {
|
|
enyo.log("Menu Item Selected: " + inEvent.originator.content);
|
|
}
|
|
})
|
|
*/
|
|
enyo.kind({
|
|
name: "onyx.MenuItem",
|
|
kind: "enyo.Button",
|
|
tag: "div",
|
|
classes: "onyx-menu-item",
|
|
events: {
|
|
onSelect: ""
|
|
},
|
|
tap: function(inSender) {
|
|
this.inherited(arguments);
|
|
this.bubble("onRequestHideMenu");
|
|
this.doSelect({selected:this, content:this.content});
|
|
}
|
|
});
|