com.vaadin.flow.component.checkbox.
Class Checkbox
All Implemented Interfaces:
AttachNotifier
, BlurNotifier<Checkbox>
, ClickNotifier<Checkbox>
, DetachNotifier
, Focusable<Checkbox>
, FocusNotifier<Checkbox>
, HasAriaLabel
, HasElement
, HasEnabled
, HasHelper
, HasLabel
, HasSize
, HasStyle
, HasValidation
, HasValue<AbstractField.ComponentValueChangeEvent<Checkbox,
, HasValueAndElement<AbstractField.ComponentValueChangeEvent<Checkbox,
, HasClientValidation
, HasTooltip
, HasValidationProperties
, InputField<AbstractField.ComponentValueChangeEvent<Checkbox,
, HasValidator<Boolean>
, Serializable
Checkbox is an input field representing a binary choice.
Checkbox also has an indeterminate mode, see isIndeterminate()
for
more info.
Use CheckboxGroup
to group related
items. Individual checkboxes should be used for options that are not related
to each other in any way.
Validation
Checkbox comes with a built-in validation mechanism that verifies that the
field is selected when required
is enabled.
Validation is triggered whenever the user toggles the checkbox. Programmatic toggling triggers validation as well. If validation fails, the component is marked as invalid and an error message is displayed below the input.
The required error message can be configured using either
Checkbox.CheckboxI18n.setRequiredErrorMessage(String)
or
HasValidationProperties.setErrorMessage(String)
.
For more advanced validation that requires custom rules, you can use
Binder
. Please note that Binder provides its own API for the required
validation, see asRequired()
.
However, if Binder doesn't fit your needs and you want to implement fully
custom validation logic, you can disable the built-in validation by setting
setManualValidation(boolean)
to true. This will allow you to control
the invalid state and the error message manually using
HasValidationProperties.setInvalid(boolean)
and HasValidationProperties.setErrorMessage(String)
API.
Author:
Vaadin Ltd
See Also:
-
Nested Class Summary
Nested ClassesNested classes/interfaces inherited from class com.vaadin.flow.component.AbstractField
AbstractField.ComponentValueChangeEvent<C extends Component,
V> Nested classes/interfaces inherited from interface com.vaadin.flow.component.BlurNotifier
BlurNotifier.BlurEvent<C extends Component>
Nested classes/interfaces inherited from interface com.vaadin.flow.component.FocusNotifier
FocusNotifier.FocusEvent<C extends Component>
Nested classes/interfaces inherited from interface com.vaadin.flow.component.shared.HasClientValidation
HasClientValidation.ClientValidatedEvent
Nested classes/interfaces inherited from interface com.vaadin.flow.component.HasValue
HasValue.ValueChangeEvent<V>, HasValue.ValueChangeListener<E extends HasValue.ValueChangeEvent<?>>
-
Constructor Summary
ConstructorsConstructorDescriptionCheckbox()
Default constructor.
Checkbox
(boolean initialValue) Constructs a checkbox with the initial value.
Checkbox
(boolean initialValue, HasValue.ValueChangeListener<AbstractField.ComponentValueChangeEvent<Checkbox, Boolean>> listener) Constructs a checkbox with the initial value and value change listener.
Constructs a checkbox with the initial label text.
Constructs a checkbox with the initial value.
Checkbox
(String labelText, boolean initialValue, HasValue.ValueChangeListener<AbstractField.ComponentValueChangeEvent<Checkbox, Boolean>> listener) Constructs a checkbox with the initial value, label text and value change listener.
Checkbox
(String label, HasValue.ValueChangeListener<AbstractField.ComponentValueChangeEvent<Checkbox, Boolean>> listener) Constructs a checkbox with the initial label text and value change listener.
-
Method Summary
Modifier and TypeMethodDescriptionGets the aria-label of the component.
Gets the aria-labelledby of the component
Returns a validator that checks the state of the Value.
getI18n()
Gets the internationalization object previously set for this component.
getLabel()
Get the current label text.
boolean
Get the state for the auto-focus property of the checkbox.
boolean
Get the indeterminate state of the checkbox.
boolean
Gets whether the user is required to select the checkbox.
protected void
onAttach
(AttachEvent attachEvent) Called when the component is attached to a UI.
void
setAriaLabel
(String ariaLabel) Set the aria-label of the component to the given text.
void
setAriaLabelledBy
(String ariaLabelledBy) Set the aria-labelledby of the component.
void
setAutofocus
(boolean autofocus) Set the checkbox to be input focused when the page loads.
void
setI18n
(Checkbox.CheckboxI18n i18n) Sets the internationalization object for this component.
void
setIndeterminate
(boolean indeterminate) Set the indeterminate state of the checkbox.
void
Set the current label text of this checkbox.
void
setLabelComponent
(Component component) Replaces the label content with the given label component.
void
setManualValidation
(boolean enabled) Sets whether manual validation mode is enabled for the component.
void
setRequiredIndicatorVisible
(boolean required) Sets whether the user is required to select the checkbox.
protected void
validate()
Validates the current value against the constraints and sets the
invalid
property and theerrorMessage
property based on the result.Methods inherited from class com.vaadin.flow.component.AbstractSinglePropertyField
getSynchronizationRegistration, hasValidValue, setPresentationValue, setSynchronizedEvent
Methods inherited from class com.vaadin.flow.component.AbstractField
addValueChangeListener, getEmptyValue, getValue, isEmpty, setModelValue, setValue, valueEquals
Methods inherited from class com.vaadin.flow.component.Component
addListener, findAncestor, fireEvent, from, get, getChildren, getElement, getEventBus, getId, getListeners, getLocale, getParent, getTranslation, getTranslation, getTranslation, getTranslation, getTranslation, getTranslation, getUI, hasListener, isAttached, isTemplateMapped, isVisible, onDetach, onEnabledStateChanged, removeFromParent, scrollIntoView, scrollIntoView, set, setElement, setId, setVisible
Methods inherited from class java.lang.Object
clone, equals, finalize, getClass, hashCode, notify, notifyAll, toString, wait, wait, wait
Methods inherited from interface com.vaadin.flow.component.AttachNotifier
addAttachListener
Methods inherited from interface com.vaadin.flow.component.BlurNotifier
addBlurListener
Methods inherited from interface com.vaadin.flow.component.ClickNotifier
addClickListener, addClickShortcut, addDoubleClickListener, addSingleClickListener
Methods inherited from interface com.vaadin.flow.component.DetachNotifier
addDetachListener
Methods inherited from interface com.vaadin.flow.component.Focusable
addFocusShortcut, blur, focus, getTabIndex, setTabIndex
Methods inherited from interface com.vaadin.flow.component.FocusNotifier
addFocusListener
Methods inherited from interface com.vaadin.flow.component.shared.HasClientValidation
addClientValidatedEventListener
Methods inherited from interface com.vaadin.flow.component.HasElement
getElement
Methods inherited from interface com.vaadin.flow.component.HasEnabled
isEnabled, setEnabled
Methods inherited from interface com.vaadin.flow.component.HasHelper
getHelperComponent, getHelperText, setHelperComponent, setHelperText
Methods inherited from interface com.vaadin.flow.component.HasSize
getHeight, getHeightUnit, getMaxHeight, getMaxWidth, getMinHeight, getMinWidth, getWidth, getWidthUnit, setHeight, setHeight, setHeightFull, setMaxHeight, setMaxHeight, setMaxWidth, setMaxWidth, setMinHeight, setMinHeight, setMinWidth, setMinWidth, setSizeFull, setSizeUndefined, setWidth, setWidth, setWidthFull
Methods inherited from interface com.vaadin.flow.component.HasStyle
addClassName, addClassNames, getClassName, getClassNames, getStyle, hasClassName, removeClassName, removeClassNames, setClassName, setClassName
Methods inherited from interface com.vaadin.flow.component.shared.HasTooltip
getTooltip, setTooltipText
Methods inherited from interface com.vaadin.flow.component.shared.HasValidationProperties
getErrorMessage, isInvalid, setErrorMessage, setInvalid
Methods inherited from interface com.vaadin.flow.data.binder.HasValidator
addValidationStatusChangeListener
Methods inherited from interface com.vaadin.flow.component.HasValue
addValueChangeListener, clear, getEmptyValue, getOptionalValue, getValue, isEmpty, setValue
Methods inherited from interface com.vaadin.flow.component.HasValueAndElement
isReadOnly, setReadOnly
-
Constructor Details
-
Checkbox
public Checkbox()Default constructor.
-
Checkbox
Constructs a checkbox with the initial label text.
Parameters:
labelText
- the label text to setSee Also:
-
Checkbox
public Checkbox(boolean initialValue) Constructs a checkbox with the initial value.
Parameters:
initialValue
- the initial valueSee Also:
-
Checkbox
Constructs a checkbox with the initial value.
Parameters:
labelText
- the label text to setinitialValue
- the initial valueSee Also:
-
Checkbox
public Checkbox(String label, HasValue.ValueChangeListener<AbstractField.ComponentValueChangeEvent<Checkbox, Boolean>> listener) Constructs a checkbox with the initial label text and value change listener.
Parameters:
label
- the label text to setlistener
- the value change listener to addSee Also:
-
Checkbox
public Checkbox(boolean initialValue, HasValue.ValueChangeListener<AbstractField.ComponentValueChangeEvent<Checkbox, Boolean>> listener) Constructs a checkbox with the initial value and value change listener.
Parameters:
initialValue
- the initial valuelistener
- the value change listener to addSee Also:
-
Checkbox
public Checkbox(String labelText, boolean initialValue, HasValue.ValueChangeListener<AbstractField.ComponentValueChangeEvent<Checkbox, Boolean>> listener) Constructs a checkbox with the initial value, label text and value change listener.
Parameters:
labelText
- the label text to setinitialValue
- the initial valuelistener
- the value change listener to addSee Also:
-
-
Method Details
-
onAttach
Description copied from class:
Component
Called when the component is attached to a UI.
This method is invoked before the
Make sure to callAttachEvent
is fired for the component.super.onAttach
when overriding this method. -
setRequiredIndicatorVisible
public void setRequiredIndicatorVisible(boolean required) Sets whether the user is required to select the checkbox. When required, an indicator appears next to the label and the field invalidates if the checkbox is first selected and then deselected.
NOTE: The required indicator is only visible when the field has a label, see
setLabel(String)
.Specified by:
setRequiredIndicatorVisible
in interfaceHasValue<AbstractField.ComponentValueChangeEvent<Checkbox,
Boolean>, Boolean> Specified by:
setRequiredIndicatorVisible
in interfaceHasValueAndElement<AbstractField.ComponentValueChangeEvent<Checkbox,
Boolean>, Boolean> Parameters:
required
-true
to make the field required,false
otherwiseSee Also:
-
isRequiredIndicatorVisible
public boolean isRequiredIndicatorVisible()Gets whether the user is required to select the checkbox.
Specified by:
isRequiredIndicatorVisible
in interfaceHasValue<AbstractField.ComponentValueChangeEvent<Checkbox,
Boolean>, Boolean> Specified by:
isRequiredIndicatorVisible
in interfaceHasValueAndElement<AbstractField.ComponentValueChangeEvent<Checkbox,
Boolean>, Boolean> Returns:
true
if the field is required,false
otherwiseSee Also:
-
getLabel
Get the current label text.
-
setLabel
Set the current label text of this checkbox.
-
setLabelComponent
Replaces the label content with the given label component.
Parameters:
component
- the component to be added to the label.Since:
23.1
-
setAriaLabel
Description copied from interface:
HasAriaLabel
Set the aria-label of the component to the given text.
This method should not be used if
HasAriaLabel.setAriaLabelledBy(String)
is also used. If both attributes are present, aria-labelledby will take precedence over aria-label.Specified by:
setAriaLabel
in interfaceHasAriaLabel
Parameters:
ariaLabel
- the aria-label text to set ornull
to clear -
getAriaLabel
Description copied from interface:
HasAriaLabel
Gets the aria-label of the component.
Specified by:
getAriaLabel
in interfaceHasAriaLabel
Returns:
an optional aria-label of the component if no aria-label has been set
-
setAriaLabelledBy
Description copied from interface:
HasAriaLabel
Set the aria-labelledby of the component. The value must be a valid id attribute of another element that labels the component. The label element must be in the same DOM scope of the component, otherwise screen readers may fail to announce the label content properly.
This method should not be used if
HasAriaLabel.setAriaLabel(String)
is also used. If both attributes are present, aria-labelledby will take precedence over aria-label.Specified by:
setAriaLabelledBy
in interfaceHasAriaLabel
Parameters:
ariaLabelledBy
- the string with the id of the element that will be used as label ornull
to clear -
getAriaLabelledBy
Description copied from interface:
HasAriaLabel
Gets the aria-labelledby of the component
Specified by:
getAriaLabelledBy
in interfaceHasAriaLabel
Returns:
an optional aria-labelledby of the component if no aria-labelledby has been set
-
setAutofocus
public void setAutofocus(boolean autofocus) Set the checkbox to be input focused when the page loads.
Parameters:
autofocus
- the boolean value to set -
isAutofocus
public boolean isAutofocus()Get the state for the auto-focus property of the checkbox.
This property is not synchronized automatically from the client side, so the returned value may not be the same as in client side.
Returns:
the
autofocus
property from the checkbox -
setIndeterminate
public void setIndeterminate(boolean indeterminate) Set the indeterminate state of the checkbox.
NOTE: As according to the HTML5 standard, this has only effect on the visual appearance, not on the checked value!
Parameters:
indeterminate
- the boolean value to setSee Also:
-
isIndeterminate
@Synchronize(property="indeterminate", value="indeterminate-changed") public boolean isIndeterminate()Get the indeterminate state of the checkbox. The default value is
false
.An indeterminate checkbox is neither checked nor unchecked. A typical use case is a ?Select All? checkbox indicating that some, but not all, items are selected. When the user clicks an indeterminate checkbox, it is no longer indeterminate, and the
checked
value also changes.NOTE: As according to the HTML5 standard, this has only effect on the visual appearance, not on the checked value!
Returns:
the
indeterminate
property from the checkbox -
setManualValidation
public void setManualValidation(boolean enabled) Description copied from interface:
HasValidation
Sets whether manual validation mode is enabled for the component.
When enabled, the component doesn't perform its built-in constraint validation on value change, blur, and other events. This allows manually controlling the invalid state and error messages using the
HasValidation.setInvalid(boolean)
andHasValidation.setErrorMessage(String)
methods. Manual mode is helpful when there is a need for a totally custom validation logic that cannot be achieved with Binder.Example:
Field field = new Field(); field.setManualValidation(true); field.addValueChangeListener(event -> { if (Objects.equal(event.getValue(), "")) { field.setInvalid(true); field.setErrorMessage("The field is required."); } else { field.setInvalid(false); } });
For components that don't have built-in validation, the method has no effect.
Specified by:
setManualValidation
in interfaceHasValidation
Parameters:
enabled
- whether to enable manual validation mode. -
getDefaultValidator
Description copied from interface:
HasValidator
Returns a validator that checks the state of the Value. This should be overridden for components with internal value conversion or validation, e.g. when the user is providing a string that has to be parsed into a date. An invalid input from user will be exposed to a
Binder
and can be seen as a validation failure.Specified by:
getDefaultValidator
in interfaceHasValidator<Boolean>
Returns:
state validator
-
validate
protected void validate()Validates the current value against the constraints and sets the
invalid
property and theerrorMessage
property based on the result. If a custom error message is provided withHasValidationProperties.setErrorMessage(String)
, it is used. Otherwise, the error message defined in the i18n object is used.The method does nothing if the manual validation mode is enabled.
-
getI18n
Gets the internationalization object previously set for this component.
NOTE: Updating the instance that is returned from this method will not update the component if not set again using
setI18n(CheckboxI18n)
Returns:
the i18n object or
null
if no i18n object has been set -
setI18n
Sets the internationalization object for this component.
Parameters:
i18n
- the i18n object, notnull
-