bigDecimalField

ДЕМО

Поле bigDecimalField обладает многими функциями, аналогичными textField, но принимает только значения типа BigDecimal.

XML-элемент

bigDecimalField

Java-класс

JmixBigDecimalField

Атрибуты

id - alignSelf - ariaLabel - ariaLabelledBy - autocapitalize - autocomplete - autocorrect - autofocus - autoselect - classNames - clearButtonVisible - colspan - css - dataContainer - enabled - errorMessage - focusShortcut - height - helperText - label - maxHeight - maxWidth - minHeight - minWidth - placeholder - property - readOnly - required - requiredMessage - 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

Основы

Пример bigDecimalField:

<bigDecimalField id="bigDecimalField"
                 clearButtonVisible="true"/>
big decimal field basics

Привязка данных

Вы можете связать компонент с сущностью и её атрибутами, хранящимися в контейнере данных.

Чтобы связать bigDecimalField с атрибутом сущности:

  1. Укажите имя контейнера данных в значении атрибута dataContainer.

  2. Укажите имя атрибута сущности в значении атрибута property.

Атрибут сущности должен иметь тип BigDecimal.

<data>
    <instance class="com.company.onboarding.entity.Step" id="stepDc">
        <fetchPlan extends="_base"/>
        <loader id="stepDl"/>
    </instance>
</data>
<layout>
    <bigDecimalField dataContainer="stepDc"
                     property="factor"
                     label="Factor:"/>
</layout>
big decimal field data binding

Варианты оформления

ДЕМО

Внешний вид компонента можно настроить с помощью атрибута themeNames, который позволяет выбрать один из пяти вариантов:

  • small

  • align-left

  • align-center

  • align-right

  • helper-above-field

Подробнее смотрите в разделе Варианты оформления для textField.

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

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