SwitchButton
in namespace DotVVM.BusinessPack.Controls
Usage & Scenarios
Renders the button that can switch states like the CheckBox
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>
</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; }
}
}