<kendo:contextMenu>

A JSP wrapper for Kendo UI ContextMenu.

Configuration Attributes

alignToAnchor `boolean`

Specifies that ContextMenu should be shown aligned to the target or the filter element if specified.

Example

<kendo:contextMenu alignToAnchor="alignToAnchor">
</kendo:contextMenu>

animation `boolean`

A collection of Animation objects, used to change default animations. A value of false will disable all animations in the widget. is not a valid configuration.Available animations for the ContextMenu are listed below. Each animation has a reverse options which is used for the close effect by default, but can be over-ridden by setting the close animation. Each animation also has a direction which can be set off the animation (i.e. slideIn:Down). Further configuration is available via kendo:contextMenu-animation.

Example

<kendo:contextMenu animation="animation">
</kendo:contextMenu>

appendTo `java.lang.Object`

The DOM element to which the ContextMenu will be appended. The element needs to be relatively positioned.

Example

<kendo:contextMenu appendTo="appendTo">
</kendo:contextMenu>

closeOnClick `boolean`

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

Example

<kendo:contextMenu closeOnClick="closeOnClick">
</kendo:contextMenu>

copyAnchorStyles `boolean`

Copies and uses the styles from the anchor.

Example

<kendo:contextMenu copyAnchorStyles="copyAnchorStyles">
</kendo:contextMenu>

dataContentField `java.lang.String`

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

Example

<kendo:contextMenu dataContentField="dataContentField">
</kendo:contextMenu>

dataImageUrlField `java.lang.String`

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

Example

<kendo:contextMenu dataImageUrlField="dataImageUrlField">
</kendo:contextMenu>

dataSpriteCssClassField `java.lang.String`

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

Example

<kendo:contextMenu dataSpriteCssClassField="dataSpriteCssClassField">
</kendo:contextMenu>

dataTextField `java.lang.String`

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

Example

<kendo:contextMenu dataTextField="dataTextField">
</kendo:contextMenu>

dataUrlField `java.lang.String`

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

Example

<kendo:contextMenu dataUrlField="dataUrlField">
</kendo:contextMenu>

direction `java.lang.String`

Specifies ContextMenu's sub menu opening direction. Can be "top", "bottom", "left", "right". The example below will initialize the sub menus to open to the left.

Example

<kendo:contextMenu direction="direction">
</kendo:contextMenu>

filter `java.lang.String`

Specifies ContextMenu filter selector - the ContextMenu will only be shown on items that satisfy the provided selector.

Example

<kendo:contextMenu filter="filter">
</kendo:contextMenu>

hoverDelay `float`

Specifies the delay in ms before the sub menus are opened/closed - used to avoid accidental closure on leaving.

Example

<kendo:contextMenu hoverDelay="hoverDelay">
</kendo:contextMenu>

orientation `java.lang.String`

Root menu orientation. Could be horizontal or vertical.

Example

<kendo:contextMenu orientation="orientation">
</kendo:contextMenu>

popupCollision `java.lang.String`

Specifies how ContextMenu should adjust to screen boundaries. By default the strategy is "fit" for a sub menu with a horizontal parent or the root menu, 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.

Example

<kendo:contextMenu popupCollision="popupCollision">
</kendo:contextMenu>

scrollable `boolean`

If enabled, the ContextMenu displays buttons that scroll the items when they cannot fit the viewport height. By default, scrolling is disabled. Further configuration is available via kendo:contextMenu-scrollable.

Example

<kendo:contextMenu scrollable="scrollable">
</kendo:contextMenu>

showOn `java.lang.String`

Specifies the event or events on which ContextMenu should open. By default ContextMenu will show on contextmenu event on desktop and hold event on touch devices. Could be any pointer/mouse/touch event, also several, separated by spaces.

Example

<kendo:contextMenu showOn="showOn">
</kendo:contextMenu>

target `java.lang.Object`

Specifies the element on which ContextMenu should open. The default element is the document body.

Example

<kendo:contextMenu target="target">
</kendo:contextMenu>

Configuration JSP Tags

kendo:contextMenu-animation

More documentation is available at kendo:contextMenu-animation.

Example

<kendo:contextMenu>
    <kendo:contextMenu-animation></kendo:contextMenu-animation>
</kendo:contextMenu>

kendo:contextMenu-items

Contains the items of the menu widget

More documentation is available at kendo:contextMenu-items.

Example

<kendo:contextMenu>
    <kendo:contextMenu-items></kendo:contextMenu-items>
</kendo:contextMenu>

kendo:contextMenu-scrollable

If enabled, the ContextMenu displays buttons that scroll the items when they cannot fit the viewport height. By default, scrolling is disabled.

More documentation is available at kendo:contextMenu-scrollable.

Example

<kendo:contextMenu>
    <kendo:contextMenu-scrollable></kendo:contextMenu-scrollable>
</kendo:contextMenu>

Event Attributes

close `String`

Fires before a sub menu or the ContextMenu gets closed. You can cancel this event to prevent closure.

For additional information check the close event documentation.

Example

<kendo:contextMenu close="handle_close">
</kendo:contextMenu>
<script>
    function handle_close(e) {
        // Code to handle the close event.
    }
</script>

dataBound `String`

Fires when the ContextMenu is bound to the set DataSource.

For additional information check the dataBound event documentation.

Example

<kendo:contextMenu dataBound="handle_dataBound">
</kendo:contextMenu>
<script>
    function handle_dataBound(e) {
        // Code to handle the dataBound event.
    }
</script>

open `String`

Fires before a sub menu or the ContextMenu gets opened. You can cancel this event to prevent opening the sub menu.

For additional information check the open event documentation.

Example

<kendo:contextMenu open="handle_open">
</kendo:contextMenu>
<script>
    function handle_open(e) {
        // Code to handle the open event.
    }
</script>

activate `String`

Fires when a sub menu or the ContextMenu gets opened and its animation finished.

For additional information check the activate event documentation.

Example

<kendo:contextMenu activate="handle_activate">
</kendo:contextMenu>
<script>
    function handle_activate(e) {
        // Code to handle the activate event.
    }
</script>

deactivate `String`

Fires when a sub menu or the ContextMenu gets closed and its animation finished.

For additional information check the deactivate event documentation.

Example

<kendo:contextMenu deactivate="handle_deactivate">
</kendo:contextMenu>
<script>
    function handle_deactivate(e) {
        // Code to handle the deactivate event.
    }
</script>

select `String`

Fires when a menu item gets selected.

For additional information check the select event documentation.

Example

<kendo:contextMenu select="handle_select">
</kendo:contextMenu>
<script>
    function handle_select(e) {
        // Code to handle the select event.
    }
</script>

Event Tags

kendo:contextMenu-close

Fires before a sub menu or the ContextMenu gets closed. You can cancel this event to prevent closure.

For additional information check the close event documentation.

Example

<kendo:contextMenu>
    <kendo:contextMenu-close>
        <script>
            function(e) {
                // Code to handle the close event.
            }
        </script>
    </kendo:contextMenu-close>
</kendo:contextMenu>

kendo:contextMenu-dataBound

Fires when the ContextMenu is bound to the set DataSource.

For additional information check the dataBound event documentation.

Example

<kendo:contextMenu>
    <kendo:contextMenu-dataBound>
        <script>
            function(e) {
                // Code to handle the dataBound event.
            }
        </script>
    </kendo:contextMenu-dataBound>
</kendo:contextMenu>

kendo:contextMenu-open

Fires before a sub menu or the ContextMenu gets opened. You can cancel this event to prevent opening the sub menu.

For additional information check the open event documentation.

Example

<kendo:contextMenu>
    <kendo:contextMenu-open>
        <script>
            function(e) {
                // Code to handle the open event.
            }
        </script>
    </kendo:contextMenu-open>
</kendo:contextMenu>

kendo:contextMenu-activate

Fires when a sub menu or the ContextMenu gets opened and its animation finished.

For additional information check the activate event documentation.

Example

<kendo:contextMenu>
    <kendo:contextMenu-activate>
        <script>
            function(e) {
                // Code to handle the activate event.
            }
        </script>
    </kendo:contextMenu-activate>
</kendo:contextMenu>

kendo:contextMenu-deactivate

Fires when a sub menu or the ContextMenu gets closed and its animation finished.

For additional information check the deactivate event documentation.

Example

<kendo:contextMenu>
    <kendo:contextMenu-deactivate>
        <script>
            function(e) {
                // Code to handle the deactivate event.
            }
        </script>
    </kendo:contextMenu-deactivate>
</kendo:contextMenu>

kendo:contextMenu-select

Fires when a menu item gets selected.

For additional information check the select event documentation.

Example

<kendo:contextMenu>
    <kendo:contextMenu-select>
        <script>
            function(e) {
                // Code to handle the select event.
            }
        </script>
    </kendo:contextMenu-select>
</kendo:contextMenu>

alignToAnchor boolean

Example

animation boolean

Example

appendTo java.lang.Object

Example

closeOnClick boolean

Example

copyAnchorStyles boolean

Example

dataContentField java.lang.String

Example

dataImageUrlField java.lang.String

Example

dataSpriteCssClassField java.lang.String

Example

dataTextField java.lang.String

Example

dataUrlField java.lang.String

Example

direction java.lang.String

Example

filter java.lang.String

Example

hoverDelay float

Example

orientation java.lang.String

Example

popupCollision java.lang.String

Example

scrollable boolean

Example

showOn java.lang.String

Example

target java.lang.Object

Example

Example

Example

Example

close String

Example

dataBound String

Example

open String

Example

activate String

Example

deactivate String

Example

select String

Example

Example

Example

Example

Example

Example

Example

Was this article helpful?

Getting Started

Community

Frameworks

alignToAnchor `boolean`

animation `boolean`

appendTo `java.lang.Object`

closeOnClick `boolean`

copyAnchorStyles `boolean`

dataContentField `java.lang.String`

dataImageUrlField `java.lang.String`

dataSpriteCssClassField `java.lang.String`

dataTextField `java.lang.String`

dataUrlField `java.lang.String`

direction `java.lang.String`

filter `java.lang.String`

hoverDelay `float`

orientation `java.lang.String`

popupCollision `java.lang.String`

scrollable `boolean`

showOn `java.lang.String`

target `java.lang.Object`

close `String`

dataBound `String`

open `String`

activate `String`

deactivate `String`

select `String`