ContextMenu Overview

The ContextMenu displays hierarchical data as a multi-level menu in a popup.

You can define its items and initialize it with the wrapper, or use the API to add and remove its items. You can also specify a target for the ContextMenu along with a filter for multiple targets as well as an event which will trigger the popping up of the ContextMenu.

Basic Usage

The following example demonstrates the ContextMenu in action.

<div id="vueapp" class="vue-app">
    <div id="target">Target</div>
    <kendo-contextmenu>
    <li>News
        <ul>
            <li>Sport</li>
            <li>Weather</li>
        </ul>
    </li>
    <li>Countries
        <ul>
            <li>Italy</li>
            <li>Spain</li>
            <li>Slovakia</li>
        </ul>
    </li>
    </kendo-contextmenu>
</div>
Vue.use(LayoutInstaller);
   new Vue({
       el: '#vueapp',
       target: "#target"
   })

Functionality and Features

In this article