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 | using Microsoft.AspNetCore.Mvc; using System; using MvcExplorer.Models; 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 | @section Scripts{ <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(MenuRes.Index_ItemClickedEvent)</label> <c1-menu header="@MenuRes.Index_File" item-clicked="itemClicked"> <c1-menu-item header="@MenuRes.Index_FileNew"></c1-menu-item> <c1-menu-item header="@MenuRes.Index_FileOpen"></c1-menu-item> <c1-menu-item header="@MenuRes.Index_FileSave"></c1-menu-item> <c1-menu-item is-separator="true"></c1-menu-item> <c1-menu-item header="@MenuRes.Index_FileExit"></c1-menu-item> </c1-menu> <c1-menu header="@MenuRes.Index_Edit" item-clicked="itemClicked"> <c1-menu-item header="@MenuRes.Index_EditCut"></c1-menu-item> <c1-menu-item header="@MenuRes.Index_EditCopy"></c1-menu-item> <c1-menu-item header="@MenuRes.Index_EditPaste"></c1-menu-item> <c1-menu-item is-separator="true"></c1-menu-item> <c1-menu-item header="@MenuRes.Index_EditFind"></c1-menu-item> <c1-menu-item header="@MenuRes.Index_EditReplace"></c1-menu-item> </c1-menu> </div> <div> <label>@Html.Raw(MenuRes.Index_Commands)</label> <c1-menu header="@MenuRes.Index_ChangeTax" execute-command="execute" can-execute-command="canExecute"> <c1-menu-item header="+ 25%" command-parameter="0.25"></c1-menu-item> <c1-menu-item header="+ 10%" command-parameter="0.10"></c1-menu-item> <c1-menu-item header="+ 5%" command-parameter="0.05"></c1-menu-item> <c1-menu-item header="+ 1%" command-parameter="0.01"></c1-menu-item> <c1-menu-item is-separator="true"></c1-menu-item> <c1-menu-item header="- 1%" command-parameter="-0.01"></c1-menu-item> <c1-menu-item header="- 5%" command-parameter="-0.05"></c1-menu-item> <c1-menu-item header="- 10%" command-parameter="-0.10"></c1-menu-item> <c1-menu-item header="- 25%" command-parameter="-0.25"></c1-menu-item> </c1-menu> <c1-input-number id="mInputNumber" value="0.07" step="0.05" format="p0" min="0" max="1"></c1-input-number> </div> @section Description{ @Html.Raw(MenuRes.Index_Text0) } |