MenuModel API in JavaScript (ES5) Menu Bar API control

Interface for a class Menu

Properties

beforeClose

EmitType<BeforeOpenCloseMenuEventArgs>

Triggers before closing the menu.

beforeItemRender

EmitType<MenuEventArgs>

Triggers while rendering each menu item.

beforeOpen

EmitType<BeforeOpenCloseMenuEventArgs>

Triggers before opening the menu item.

created

EmitType<Event>

Triggers once the component rendering is completed.

onClose

EmitType<OpenCloseMenuEventArgs>

Triggers while closing the menu.

onOpen

EmitType<OpenCloseMenuEventArgs>

Triggers while opening the menu item.

select

EmitType<MenuEventArgs>

Triggers while selecting menu item.

animationSettings

MenuAnimationSettingsModel

Specifies the animation settings for the sub menu open.

cssClass

string

Defines class/multiple classes separated by a space in the Menu wrapper.

enableHtmlSanitizer

boolean

Specifies whether to enable the rendering of untrusted HTML values in the Menu component. If ‘enableHtmlSanitizer’ set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

enableScrolling

boolean

Specifies whether to enable / disable the scrollable option in Menu.

fields

FieldSettingsModel

Specifies mapping fields from the dataSource.

hamburgerMode

boolean

Specifies whether to enable / disable the hamburger mode in Menu.

hoverDelay

number

If hoverDelay is set by particular number, the menu will open after that period.

items

MenuItemModel[] | { : }[]

Specifies menu items with its properties which will be rendered as Menu.

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

orientation

Orientation

Specified the orientation of Menu whether it can be horizontal or vertical.

showItemOnClick

boolean

Specifies whether to show the sub menu or not on click. When set to true, the sub menu will open only on mouse click.

target

string

Specifies target element to open/close Menu while click in Hamburger mode.

template

string | Function

Specifies the template for Menu item.

title

string

Specifies the title text for hamburger mode in Menu.