Menu
Overview
This sample shows the basic usage of the Menu control.
Features
File
Edit
Change Tax
Description
This sample shows the basic usage of the Menu control.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | 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 Index() { return View(); } }} |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | <script> function itemClicked(sender) { alert('You\'ve selected option ' + sender.selectedIndex + ' from the ' + sender.header + ' menu!'); } function execute(arg) { var inputNumber = wijmo.Control.getControl("#mInputNumber"); // convert argument to Number arg = wijmo.changeType(arg, wijmo.DataType.Number); // check if the conversion was successful if (wijmo.isNumber(arg)) { // update the value inputNumber.value += arg; } } function canExecute(arg) { var inputNumber = wijmo.Control.getControl("#mInputNumber"); // convert argument to Number arg = wijmo.changeType(arg, wijmo.DataType.Number); // check if the conversion was successful if (wijmo.isNumber(arg)) { var val = inputNumber.value + arg; // check if the value is valid return val >= 0 && val <= 1; } return false; }</script><div> <label>@Html.Raw(Resources.Menu.Index_ItemClickedEvent)</label> @(Html.C1().Menu().Header(Resources.Menu.Index_File) .OnClientItemClicked("itemClicked") .MenuItems(items => items // Syntax 1: Expression .Add(item => item.Header(Resources.Menu.Index_ItemFileNew)) .Add(item => item.Header(Resources.Menu.Index_ItemFileOpen)) .Add(item => item.Header(Resources.Menu.Index_ItemFileSave)) .Add(item => item.IsSeparator(true)) .Add(item => item.Header(Resources.Menu.Index_ItemFileExit)) ) ) @(Html.C1().Menu().Header(Resources.Menu.Index_Edit) .OnClientItemClicked("itemClicked") .MenuItems(items => // Syntax 2: Statements { items.Add().Header(Resources.Menu.Index_ItemEditCut); items.Add().Header(Resources.Menu.Index_ItemEditCopy); items.Add().Header(Resources.Menu.Index_ItemEditPaste); items.Add().IsSeparator(true); items.Add().Header(Resources.Menu.Index_ItemEditFind); items.Add().Header(Resources.Menu.Index_ItemEditReplace); }) )</div><div> <label>Commands</label> @(Html.C1().Menu().Header(Resources.Menu.Index_ChangeTax) .Command("execute", canExecute: "canExecute") .MenuItems(items => // Syntax 3: Simplified { items.Add("+ 25%", 0.25); items.Add("+ 10%", 0.10); items.Add("+ 5%", 0.05); items.Add("+ 1%", 0.01); items.AddSeparator(); items.Add("- 1%", -0.01); items.Add("- 5%", -0.05); items.Add("- 10%", -0.10); items.Add("- 25%", -0.25); }) ) @(Html.C1().InputNumber().Id("mInputNumber") .Value(0.07).Step(0.05).Format("p0").Min(0).Max(1) )</div>@section Description{ @Html.Raw(Resources.Menu.Index_Text0)} |