File

projects/components/src/widgets/common/menu/menu.component.doc.ts

Description

A menu displays grouped navigation actions. The drop-down menu is typically used inside the navigation header to display a list of related links on a mouse hover or click on the trigger element.

Index

Methods
Inputs

Methods

onSelect
onSelect($event: MouseEvent, widget: any, $item: any)

Callback function which will be triggered when the Menu item is selected.

Parameters :
Name Type Optional Description
$event MouseEvent No

DOM event on which call back is triggered

widget any No

Instance of the button widget

$item any No

which provides selected menu item details

Returns : void

Inputs

animateitems

This property specifies the animation of an inner items. The animation is based on the CSS classes.

Allowed Values: slide, fade, scale

slide: Inner items will have slide animation.

fade: Inner items will have fade animation.

scale: Inner items will have scale animation.

Type : string

autoclose

This property controls the behaviour of menu when clicked.

Allowed Values: always, outsideClick, disabled

always: Closes when any of the item is selected.

outsideClick: Closes when clicked outside the menu.

disabled: Disabled auto-close.

Type : string

Default value : 'always'

caption

This property specifies the label of the menu.

Bindable: true

Type : string

Default value : 'Menu'

class

Class of the widget.

Type : string

dataset

Set this property to a variable to populate the list of values to display.

Bindable: true

Type : any

Default value : 'Menu Item 1, Menu Item 2, Menu Item 3'

hint

Hint text is shown for the Menu widget on hover.

Bindable: true

Type : string

iconclass

CSS class of the icon.

Type : string

itemaction

This property specifies the item action for dynamically generated menu items.

Type : string

itemchildren

This property is to add sub menu items.

Bindable: true

Type : string

itemicon

This property specifies icon for dynamically generated menu items.

Bindable: true

Type : string

itemlabel

This property specifies label for dynamically generated menu items.

Bindable: true

Type : string

itemlink

This property specifies link for dynamically generated menu items

Bindable: true

Type : string

linktarget

This property specifies the context in which linked resources is open.

Allowed Values: _blank, _parent, _self, _top

_blank: Opens the linked document in a new window or tab.

_parent: Opens the linked document in the parent frame.

_self: Opens the linked document in the same frame as it was clicked (this is default) .

_top: Opens the linked document in the full body of the window.

Type : string

menuclass

This property specifies class of the menu.

Type : string

menulayout

This property specifies layout of menu widget.

Allowed Values: Vertical, Horizontal

Vertical: Arrange menu items vertically.

Horizontal: Arrange menu items horizontally.

Type : string

menuposition

This property specifies the position of menu item.

Allowed Values: 'down,right', 'down,left', 'up,right', 'up,left', 'inline'

Type : string

name

Name of the menu widget.

Type : string

orderby

This Property allows user for multiple selection for ordering the display of rows based on fields in ascending or descending order.

Type : string

shortcutkey

The shortcut key property specifies a shortcut key to activate/focus an element.

Type : string

show

This property will be used to show/hide the Menu widget on the web page.

Bindable: true

Type : boolean

Default value : true

tabindex

This property specifies the tab order of the Menu Widget.

Type : number

Default value : 0

userrole

This property specifies the role for dynamically generated menu items.

Bindable: true

Type : string

result-matching ""

    No results matching ""