Your search did not match any results.
    Switch

    Overview

    Light
    Light Light Compact Dark Dark Compact Contrast Contrast Compact
    Documentation
    The Switch is a widget that can be in two states: "On" (when value is true) and "Off" (when value is false).
    Prev Demo Next Demo

    jQuery

    Knockout

    AngularJS

    Angular

    ASP.NET MVC

    ASP.NET Core

    <div class="form"> <div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label">Switched on</div> <div class="dx-field-value"> @(Html.DevExtreme().Switch() .Value(true) ) </div> </div> <div class="dx-field"> <div class="dx-field-label">Switched off</div> <div class="dx-field-value"> @(Html.DevExtreme().Switch() .Value(false) ) </div> </div> <div class="dx-field"> <div class="dx-field-label">Value change handling</div> <div class="dx-field-value"> @(Html.DevExtreme().Switch() .OnValueChanged("switch_valueChanged") ) </div> </div> <div class="dx-field"> <div class="dx-field-label">Disabled</div> <div class="dx-field-value"> @(Html.DevExtreme().Switch() .ID("disabled") .Value(false) .Disabled(true) ) </div> </div> </div> </div> <script> function switch_valueChanged(data) { $("#disabled").dxSwitch("instance").option("value", data.value) } </script>
    using System.Web.Mvc; namespace DevExtreme.MVC.Demos.Controllers { public class SwitchController : Controller { public ActionResult Overview() { return View(); } } }