InputNumber Step
Use the InputNumber's step property to enable spinner buttons, used to increment or decrement the current value.
1 2 3 4 5 6 7 8 9 10 | // This file locates: "Scripts/Lesson/C1Input/InputNumberStep.js". c1.documentReady(function () { var formats = 'n0,n2,c0,c2,p0,p2' .split( ',' ); for (var i = 0; i < formats.length; i++) { var fmt = formats[i]; var step = fmt[0] == 'p' ? .1 : (i + 1); var theNumber = wijmo.Control.getControl( '#theInputNumberF' + fmt); theNumber.step = step; } }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 | using System.Web.Mvc; namespace LearnMvcClient.Controllers { public partial class C1InputController : Controller { // GET: InputNumberStep public ActionResult InputNumberStep() { return View(); } } } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | @ { var formats = new [] { "n0" , "n2" , "c0" , "c2" , "p0" , "p2" }; } < h1 > @Html .Raw(Resources.C1Input.InputNumberStep_Title) </ h1 > < p > @Html .Raw(Resources.C1Input.InputNumberStep_Text1) </ p > < div id = "inputNumbers" class = "demo-settings" > @for (var i = 0; i < formats.Length ; i++) { var format = formats [i]; var id = "theInputNumberF" + format; var step = format [0] == 'p' ? 0.1 : (i + 1); <label for = "@id" >@ string .Format(Resources.C1Input.InputNumberStep_Text2, step) </ label > @Html .C1().InputNumber().Id(id).Format(format) < br /> } </ div > |