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>