All Components

ContextMenu Overview

The Context Menu 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 Context Menu along with a filter for multiple targets as well as an event which will trigger the popping up of the Context Menu.

<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"
   })
In this article