Menu

Example

Razor
<kendo-menu>
    <hierarchical-datasource></hierarchical-datasource>
    <items></items>
    <li></li>
    <open-on-click />
    <popup-animation></popup-animation>
    <scrollable />
</kendo-menu>

ChildTags

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
as-moduleBoolean
data-icon-class-fieldStringSets the field of the data item that provides the icon class of the menu items.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
bind-toIEnumerable<MenuItemBase>Binds a list of items to the Menu.
close-on-clickBooleanSpecifies that sub menus should close after item selection (provided they won't navigate).
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
data-content-fieldStringSets the field of the data item that provides the content of the menu items.
data-icon-fieldStringSets the field of the data item that provides the icon name of the menu items.
data-image-url-fieldStringSets the field of the data item that provides the image url of the menu items.
data-source-idStringThe Id of the data source.
data-sprite-css-class-fieldStringSets the field of the data item that provides the sprite css class of the menu items.
data-text-fieldStringSets the field of the data item that provides the text of the menu items.
data-url-fieldStringSets the field of the data item that provides the url of the menu items.
directionMenuDirectionRepresents the menu item opening direction.
hover-delayDoubleSpecifies the delay in ms before the menu is opened/closed - used to avoid accidental closure on leaving.
icon-positionIconPositionSpecifies the position of the icon in the Menu items using the text content as a reference.
on-activateStringFires when a sub menu gets opened and its animation finished.
on-closeStringFires before a sub menu gets closed. You can cancel this event to prevent closure.
on-data-boundStringFires when the Menu is bound to the set DataSource.
on-deactivateStringFires when a sub menu gets closed and its animation finished.
on-openStringFires before a sub menu gets opened. You can cancel this event to prevent opening the sub menu.
on-selectStringFires when a menu item gets selected.
orientationMenuOrientationSpecifies the orientation in which the menu items will be ordered.
popup-collisionStringSpecifies how Menu should adjust to screen boundaries. By default the strategy is "fit" for a sub menu with a horizontal parent, meaning it will move to fit in screen boundaries in all directions, and "fit flip" for a sub menu with vertical parent, meaning it will fit vertically and flip over its parent horizontally. You can also switch off the screen boundary detection completely if you set the popupCollision to false.
script-attributesIDictionary<String,Object>
security-trimmingBoolean
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support