numberField
numberField обладает теми же функциями, что и textField, но принимает только числовые данные.
XML-элемент |
|
|---|---|
Java-класс |
|
Атрибуты |
id - alignSelf - allowedCharPattern - ariaLabel - ariaLabelledBy - autocapitalize - autocomplete - autocorrect - autofocus - autoselect - classNames - clearButtonVisible - colspan - css - dataContainer - enabled - errorMessage - focusShortcut - height - helperText - label - max - maxHeight - maxWidth - min - minHeight - minWidth - placeholder - property - readOnly - required - requiredMessage - step - stepButtonsVisible - tabIndex - themeNames - title - value - valueChangeMode - valueChangeTimeout - visible - width |
Обработчики |
AttachEvent - BlurEvent - ClientValidatedEvent - ComponentValueChangeEvent - CompositionEndEvent - CompositionStartEvent - CompositionUpdateEvent - DetachEvent - FocusEvent - InputEvent - KeyDownEvent - KeyPressEvent - KeyUpEvent - statusChangeHandler - validator |
Элементы |
Основы
Пример использования numberField:
<numberField clearButtonVisible="true"
value="234.433"/>
numberField не поддерживает форматирование. Используйте TypedTextField, когда вам нужно локализованное форматирование чисел или поддержка разных типов данных.
|
Привязка данных
Привязка данных означает связывание визуального компонента с контейнером данных. Изменения в визуальном компоненте или соответствующем контейнере данных могут вызывать обновления друг друга. Смотрите Использование компонентов данных для получения дополнительной информации.
Следующий пример создает numberField, связанный с данными. Атрибут сущности должен быть числового типа.
<data>
<instance class="com.company.onboarding.entity.Step" id="stepDc">
<fetchPlan extends="_base"/>
<loader id="stepDl"/>
</instance>
</data>
<layout>
<numberField dataContainer="stepDc" property="factor"
step="0.5" stepButtonsVisible="true"/>
</layout>
Валидация
Чтобы проверить значения, введенные в компонент numberField, вы можете использовать валидатор в элементе validators.
Доступны следующие предопределенные валидаторы для numberField:
XML-элемент |
|
|---|---|
Предопределенные валидаторы |
custom - doubleMax - doubleMin - negative - negativeOrZero - notNull - positive - positiveOrZero |
Смотрите также
Смотрите документацию Vaadin для получения дополнительной информации.