BulletGraph
BulletGraph
Editing Values
This example demonstrates how to use the IsReadOnly and Step properties with the BulletGraph controls.
Features
Settings
IsReadOnly: False
Step: 0.5
HandleWheel: True
Description
This example demonstrates how to use the IsReadOnly and Step properties with the BulletGraph controls.
HandleWheel: determines whether the user can edit the gauge value using the mouse wheel.
HandleWheel: determines whether the user can edit the gauge value using the mouse wheel.
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 | using Microsoft.AspNetCore.Mvc; using System.Collections.Generic; using MvcExplorer.Models; namespace MvcExplorer.Controllers { public partial class BulletGraphController : Controller { public ActionResult Editing() { ViewBag.DemoSettings = true; ViewBag.DemoSettingsModel = new ClientSettingsModel { Settings = CreateEditingSettings() }; return View(); } private static IDictionary<string, object[]> CreateEditingSettings() { var settings = new Dictionary<string, object[]> { {"IsReadOnly", new object[]{false, true }}, {"Step", new object[]{0.5, 1, 2}}, {"HandleWheel", new object[]{true, false }} }; return settings; } } } |
1 2 3 4 5 6 7 8 9 10 11 12 | @{ ClientSettingsModel demoSettingsModel = ViewBag.DemoSettingsModel; } <c1-bullet-graph id="@demoSettingsModel.ControlId" min="0" max="10" good="3" bad="4" value="5" target="6" format="" is-read-only="false" step="0.5" show-text="All" width="500px" handle-wheel="true"> </c1-bullet-graph> @section Description{ @Html.Raw(BulletGraphRes.Editing_Text0) <br /> @Html.Raw(BulletGraphRes.Editing_Text1) } |