API Reference / Kendo.Mvc.UI.Fluent

New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Kendo.Mvc.UI.Fluent.MenuBuilder

Defines the fluent interface for configuring the Menu component.

Methods

PopupCollision(System.Boolean)

Disables the menu popup collision detection.

Parameters

enable System.Boolean

Boolean parameter.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .PopupCollision(false)
%>

PopupCollision(System.Action<Kendo.Mvc.UI.Fluent.PopupCollisionBuilder>)

Sets the menu popup collision detection.

Parameters

popupCollisionAction System.Action<Kendo.Mvc.UI.Fluent.PopupCollisionBuilder>

The collision action. Can be "fit", "flip" or "fit flip".

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .PopupCollision(c => c.Collision("flip"))
%>

Items(System.Action<Kendo.Mvc.UI.Fluent.MenuItemFactory>)

Defines the items in the menu

Parameters

addAction System.Action<Kendo.Mvc.UI.Fluent.MenuItemFactory>

The add action.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .Items(items =>
    {
        items.Add().Text("First Item");
        items.Add().Text("Second Item");
    })
%>

Events(System.Action<Kendo.Mvc.UI.Fluent.MenuEventBuilder>)

Configures the client-side events.

Parameters

clientEventsAction System.Action<Kendo.Mvc.UI.Fluent.MenuEventBuilder>

The client events action.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .Events(events =>
        events.Open("onOpen").OnClose("onClose")
    )
%>

Direction(Kendo.Mvc.UI.MenuDirection)

Specifies Menu opening direction.

Parameters

value Kendo.Mvc.UI.MenuDirection

The desired direction.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .Direction(MenuDirection.Left)
%>

Direction(System.String)

Specifies Menu opening direction.

Parameters

value System.String

The desired direction.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .Direction("top")
%>

Orientation(Kendo.Mvc.UI.MenuOrientation)

Sets the menu orientation.

Parameters

value Kendo.Mvc.UI.MenuOrientation

The desired orientation.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .Orientation(MenuOrientation.Vertical)
%>

OpenOnClick(System.Boolean)

Enables or disables the "open-on-click" feature.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .OpenOnClick(true)
%>

OpenOnClick(System.Action<Kendo.Mvc.UI.Fluent.MenuOpenOnClickBuilder>)

If RootMenuItems setting is enabled - all root menus will be opened on click. Respectively, if SubMenuItems is enabled - all sub menus will be opened on click.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .OpenOnClick(o => o.RootMenuItems(true).SubMenuItems(true))
%>

CloseOnClick(System.Boolean)

Specifies that sub menus should close after item selection (provided they won't navigate).

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .CloseOnClick(false)
%>

HoverDelay(System.Int32)

Specifies the delay in ms before the menu is opened/closed - used to avoid accidental closure on leaving.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .HoverDelay(300)
%>

BindTo(System.String,System.Action<Kendo.Mvc.UI.MenuItem,Kendo.Mvc.SiteMapNode>)

Binds the menu to a sitemap

Parameters

viewDataKey System.String

The view data key.

siteMapAction System.Action<Kendo.Mvc.UI.MenuItem,Kendo.Mvc.SiteMapNode>

The action to configure the item.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .BindTo("examples", (item, siteMapNode) =>
    {
    })
%>

BindTo(System.String)

Binds the menu to a sitemap.

Parameters

viewDataKey System.String

The view data key.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .BindTo("examples")
%>

BindTo(System.Collections.Generic.IEnumerable<T1>,System.Action<Kendo.Mvc.UI.MenuItem,T1>)

Binds the menu to a list of objects. The menu will be "flat" which means a menu item will be created for every item in the data source.

Parameters

dataSource System.Collections.Generic.IEnumerable<T1>

The data source.

itemDataBound System.Action<Kendo.Mvc.UI.MenuItem,T1>

The action executed for every data bound item.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .BindTo(new []{"First", "Second"}, (item, value) =>
    {
        item.Text = value;
    })
%>

BindTo(System.Collections.IEnumerable,System.Action<Kendo.Mvc.UI.Fluent.NavigationBindingFactory<Kendo.Mvc.UI.MenuItem>>)

Binds the menu to a list of objects. The menu will create a hierarchy of items using the specified mappings.

Parameters

dataSource System.Collections.IEnumerable

The data source.

factoryAction System.Action<Kendo.Mvc.UI.Fluent.NavigationBindingFactory>

The action which will configure the mappings

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .BindTo(Model, mapping => mapping
        .For<Customer>(binding => binding
            .Children(c => c.Orders) // The "child" items will be bound to the the "Orders" property
            .ItemDataBound((item, c) => item.Text = c.ContactName) // Map "Customer" properties to MenuItem properties
        )
        .For<Order<(binding => binding
            .Children(o => null) // "Orders" do not have child objects so return "null"
            .ItemDataBound((item, o) => item.Text = o.OrderID.ToString()) // Map "Order" properties to MenuItem properties
        )
    )
%>

BindTo(System.Collections.Generic.IEnumerable<Kendo.Mvc.UI.MenuItem>)

Binds the menu to a list of items. Use if the menu items are being sent from the controller. To bind the Menu declaratively, use the method.

Parameters

items System.Collections.Generic.IEnumerable<Kendo.Mvc.UI.MenuItem>

The list of items

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("TreeView")
    .BindTo(model)
%>

DataSource(System.Action<Kendo.Mvc.UI.Fluent.HierarchicalDataSourceBuilder<System.Object>>)

Configure the DataSource of the component

Parameters

configurator System.Action<Kendo.Mvc.UI.Fluent.HierarchicalDataSourceBuilder>

The action that configures the DataSource.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .DataSource(dataSource => dataSource
        .Read(read => read
            .Action("Employees", "PanelBar")
        )
    )
%>

DataTextField(System.String)

Sets the field of the data item that provides the text of the menu items.

Parameters

value System.String

The value for DataTextField

DataUrlField(System.String)

Sets the field of the data item that provides the url of the menu items.

Parameters

value System.String

The value for DataUrlField

DataSpriteCssClassField(System.String)

Sets the field of the data item that provides the sprite css class of the menu items.

Parameters

value System.String

The value for DataSpriteCssClassField

DataImageUrlField(System.String)

Sets the field of the data item that provides the image url of the menu items.

Parameters

value System.String

The value for DataImageUrlField

DataContentField(System.String)

Sets the field of the data item that provides the content of the menu items.

Parameters

value System.String

The value for DataContentField

ItemAction(System.Action<Kendo.Mvc.UI.MenuItem>)

Callback for each item.

Parameters

action System.Action<Kendo.Mvc.UI.MenuItem>

Action, which will be executed for each item.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .ItemAction(item =>
    {
        item
        .Text(...)
        .HtmlAttributes(...);
    })
%>

HighlightPath(System.Boolean)

Select item depending on the current URL.

Parameters

value System.Boolean

If true the item will be highlighted.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .HighlightPath(true)
%>

SecurityTrimming(System.Boolean)

Enable/disable security trimming functionality of the component.

Parameters

value System.Boolean

If true security trimming is enabled.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .SecurityTrimming(false)
%>

SecurityTrimming(System.Action<Kendo.Mvc.UI.SecurityTrimmingBuilder>)

Defines the security trimming functionality of the component

Parameters

securityTrimmingAction System.Action<Kendo.Mvc.UI.SecurityTrimmingBuilder>

The securityTrimming action.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .SecurityTrimming(builder =>
    {
        builder.Enabled(true).HideParent(true);
    })
%>

Scrollable(System.Action<Kendo.Mvc.UI.Fluent.MenuScrollableBuilder>)

If enabled, the Menu will display buttons that will scroll the menu items, when they cannot fit the Menu width or menu popups height. By default scrolling is disabled.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .Scrollable(s => s.Distance(300))
%>

Scrollable(System.Boolean)

If enabled, the Menu will display buttons that will scroll the menu items, when they cannot fit the Menu width or menu popups height. By default scrolling is disabled.

Parameters

enabled System.Boolean

Boolean flag.

Example (ASPX)

<%= Html.Kendo().Menu()
    .Name("Menu")
    .Scrollable(true)
%>
In this article
Related articles
Not finding the help you need?