numberField

ДЕМО

numberField обладает теми же функциями, что и textField, но принимает только числовые данные.

XML-элемент

numberField

Java-класс

JmixNumberField

Атрибуты

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

Элементы

prefix - suffix - tooltip - validator

Основы

Пример использования numberField:

<numberField clearButtonVisible="true"
             value="234.433"/>
number field basics
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>
number field data binding

Валидация

Чтобы проверить значения, введенные в компонент numberField, вы можете использовать валидатор в элементе validators.

Доступны следующие предопределенные валидаторы для numberField:

XML-элемент

validators

Предопределенные валидаторы

custom - doubleMax - doubleMin - negative - negativeOrZero - notNull - positive - positiveOrZero

Смотрите также

Смотрите документацию Vaadin для получения дополнительной информации.