Version:
2.0

SwitchButton

in namespace DotVVM.BusinessPack.Controls

Properties

Name Type Description Notes Default Value

Events

Name Type Description

Usage & Scenarios

Renders the button that can switch states like the CheckBox

HTML Rendered by the Control

Sample 1: Basic Usage

The SwitchButton control has the Checked property of boolean which indicates whether the control is checked or not.

You can use the Text property to specify the button text. Or you can put contents inside the bp:SwitchButton element.

<bp:SwitchButton Text="Switch button"
                 Checked="{value: Checked}">
</bp:SwitchButton>
using System;
using DotVVM.Framework.ViewModel;

namespace DotvvmWeb.Views.Docs.Controls.businesspack.SwitchButton.sample1
{
    public class ViewModel : DotvvmViewModelBase
    {
        public bool Checked { get; set; }
    }
}

Sample 1: Basic Usage

You can set which command will be triggered when the button is clicked with click property.

<bp:SwitchButton Checked="{value: Checked}"
                 Click="{command: ClickCount = ClickCount + 1}">
    <span>Switch button</span> &nbsp;
</bp:SwitchButton>

<p>Click counter: {{value: ClickCount}}</p>
using System;
using DotVVM.Framework.ViewModel;

namespace DotvvmWeb.Views.Docs.Controls.businesspack.SwitchButton.sample2
{
    public class ViewModel : DotvvmViewModelBase
    {
        public bool Checked { get; set; }
        public int ClickCount { get; set; }
    }
}

Suggestions

Help & Contribute

The documentation is maintained on GitHub.
We'll be happy if you edit the page and create a pull request.

Edit on Github

Send message