<kendo:grid-contextMenu>

Configures the ContextMenus of the Grid.

Example

<kendo:grid>
    <kendo:grid-contextMenu></kendo:grid-contextMenu>
</kendo:grid>

Configuration Attributes

activate java.lang.String

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

Example

<kendo:grid-contextMenu activate="activate">
</kendo:grid-contextMenu>

close java.lang.String

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

Example

<kendo:grid-contextMenu close="close">
</kendo:grid-contextMenu>

deactivate java.lang.String

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

Example

<kendo:grid-contextMenu deactivate="deactivate">
</kendo:grid-contextMenu>

open java.lang.String

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

Example

<kendo:grid-contextMenu open="open">
</kendo:grid-contextMenu>

select java.lang.String

Fires when a menu item gets selected. ContextMenu Events.

Example

<kendo:grid-contextMenu select="select">
</kendo:grid-contextMenu>

Configuration JSP Tags

kendo:grid-contextMenu-body

Configures the items of the ContextMenu for the table body element. Those are some valid predifined tools: "separator", "create", "edit", "destroy", "select", "copySelection",."copySelectionNoHeaders", "reorderRow", "exportPDF", "exportExcel", "sortAsc", "sortDesc".You can also specify a custom item and accosiate it with a command.

More documentation is available at kendo:grid-contextMenu-body.

Example

<kendo:grid-contextMenu>
    <kendo:grid-contextMenu-body></kendo:grid-contextMenu-body>
</kendo:grid-contextMenu>

kendo:grid-contextMenu-groups

Configures the items of the ContextMenu for the group elements in the Grid header. Those are some valid predifined tools: "separator", "moveGroupPrevious", "moveGroupNext".You can also specify a custom item and accosiate it with a command.

More documentation is available at kendo:grid-contextMenu-groups.

Example

<kendo:grid-contextMenu>
    <kendo:grid-contextMenu-groups></kendo:grid-contextMenu-groups>
</kendo:grid-contextMenu>

kendo:grid-contextMenu-head

Configures the items of the ContextMenu for the table head element. Those are some valid predifined tools: "separator", "create", "edit", "destroy", "select", "copySelection",."copySelectionNoHeaders", "reorderRow", "exportPDF", "exportExcel", "sortAsc", "sortDesc".You can also specify a custom item and accosiate it with a command.

More documentation is available at kendo:grid-contextMenu-head.

Example

<kendo:grid-contextMenu>
    <kendo:grid-contextMenu-head></kendo:grid-contextMenu-head>
</kendo:grid-contextMenu>

Event Attributes

close String

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

Example

<kendo:grid-contextMenu close="handle_close">
</kendo:grid-contextMenu>
<script>
    function handle_close(e) {
        // Code to handle the close 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. ContextMenu Events.

Example

<kendo:grid-contextMenu open="handle_open">
</kendo:grid-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. ContextMenu Events.

Example

<kendo:grid-contextMenu activate="handle_activate">
</kendo:grid-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. ContextMenu Events.

Example

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

select String

Fires when a menu item gets selected. ContextMenu Events.

Example

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

Event Tags

kendo:grid-contextMenu-close

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

Example

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

kendo:grid-contextMenu-open

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

Example

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

kendo:grid-contextMenu-activate

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

Example

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

kendo:grid-contextMenu-deactivate

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

Example

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

kendo:grid-contextMenu-select

Fires when a menu item gets selected. ContextMenu Events.

Example

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