Constructor
new ToggleSwitch()
A simple Switch
- Since
- 3.57.0
- Copyright
- schukai GmbH
Members
defaults
To set the options via the html tag the attribute
data-monster-options must be used.To set the options via the html tag the attribute data-monster-options must be used.
| Name | Type | Default | Description | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
value | string | current | value of the element | ||||||||||||
disabled | Boolean | disabled=false | Disabled state | ||||||||||||
classes | Object | Properties
| |||||||||||||
values | Object | Properties
| |||||||||||||
labels | Object | Properties
| |||||||||||||
templates | Object | Properties
|
- Since
- 3.57.0
- See
- https://monsterjs.org/en/doc/#configurate-a-monster-control The individual configuration values can be found in the table.
state
returns the status of the element
e = document.querySelector('monster-toggle-switch');
console.log(e.state)
// ↦ off
returns the status of the element
e = document.querySelector('monster-toggle-switch');
console.log(e.state)
// ↦ off
value
The current value of the Switch
e = document.querySelector('monster-toggle-switch');
console.log(e.value)
// ↦ on
The current value of the Switch
e = document.querySelector('monster-toggle-switch');
console.log(e.value)
// ↦ on
value
Set value
e = document.querySelector('monster-toggle-switch');
e.value="on"
Set value
e = document.querySelector('monster-toggle-switch');
e.value="on"
| Name | Type | Description |
|---|---|---|
value | string |
(static) instanceSymbol
This method is called by the
instanceof operator.This method is called by the instanceof operator.
- Since
- 2.1.0
Methods
assembleMethodSymbol() → {Monster.Components.Form.ToggleSwitch}
Returns:
click()
toggle switch
e = document.querySelector('monster-toggle-switch');
e.click()
toggle switch
e = document.querySelector('monster-toggle-switch');
e.click()
toggle() → {ToggleSwitch}
toggle switch on/off
e = document.querySelector('monster-toggle-switch');
e.toggle()
toggle switch on/off
e = document.querySelector('monster-toggle-switch');
e.toggle()
Returns:
- Type:
- ToggleSwitch
toggleOff() → {ToggleSwitch}
toggle switch off
e = document.querySelector('monster-toggle-switch');
e.toggleOff()
toggle switch off
e = document.querySelector('monster-toggle-switch');
e.toggleOff()
Returns:
- Type:
- ToggleSwitch
toggleOn() → {ToggleSwitch}
toggle switch on
e = document.querySelector('monster-toggle-switch');
e.toggleOn()
toggle switch on
e = document.querySelector('monster-toggle-switch');
e.toggleOn()
Returns:
- Type:
- ToggleSwitch
updaterTransformerMethodsSymbol() → {function}
updater transformer methods for pipe
.updater transformer methods for pipe
Returns:
- Type:
- function
(static) getCSSStyleSheet()
Returns:
[CSSStyleSheet]