Menu
Context Menu
Features
Sample
I have a Context Menu.
I have the same Context Menu.
You guessed it! Me too.
Description
Context menus are menus that appear upon user interaction, typically a right-click, and display commands that apply to the object that was clicked.
We can set the context menu by setting the Owner property.
Source
ContextMenuController.cs
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace MvcExplorer.Controllers { public partial class MenuController : Controller { public ActionResult ContextMenu() { return View(); } } }
ContextMenu.cshtml
@section Styles{ <style> .context { margin: 10px; padding: 20px; color: white; display: inline-block; } </style> } @section Scripts{ <script> function setColor(arg) { wijmo.Control.getControl("#ctxMenu").owner.style.background = arg; } </script> } <label>@Html.Raw(Resources.Menu.ContextMenu_Text0)</label> <div class="context" style="background:#f0a0a0"> @Html.Raw(Resources.Menu.ContextMenu_Text1) </div> <div class="context" style="background:#a0f0a0"> @Html.Raw(Resources.Menu.ContextMenu_Text2) </div> <div class="context" style="background:#a0a0f0"> @Html.Raw(Resources.Menu.ContextMenu_Text3) </div> @(Html.C1().Menu().Header(Resources.Menu.ContextMenu_Text4) .Id("ctxMenu") .Command("setColor") .MenuItems(items => { items.Add(Resources.Menu.ContextMenu_ColorPink, "#f0a0a0"); items.Add(Resources.Menu.ContextMenu_ColorAqua, "#a0f0a0"); items.Add(Resources.Menu.ContextMenu_ColorPurple, "#a0a0f0"); items.Add(Resources.Menu.ContextMenu_ColorBlue, "blue"); items.Add(Resources.Menu.ContextMenu_ColorRed, "red"); items.Add(Resources.Menu.ContextMenu_ColorYellow, "yellow"); }) .CssStyle("display", "none") .Owner(".context") ) @section Description{ @Html.Raw(Resources.Menu.ContextMenu_Text5) }
Documentation