Input (integer)

Настройки внешнего вида и настроек:

Label (не обязательно) - метка для ввода.

Default value (не обязательно) - значение по умолчанию для ввода.

Placeholder (не обязательно) - заполнитель для ввода.

Name (обязательно) - имя ввода.

Tooltip (не обязательно) - подсказка для ввода.

Min (не обязательно) - минимальное значение.

Max (не обязательно) - максимальное значение.

Step (не обязательно) - шаг изменения.

Required (обязательный) - делает поле обязательным. По умолчанию отключено.

Allow clear (обязательный) - значок для очистки ввода. Отключен по умолчанию.

Validate icon (обязательный) - значок подтверждения ввода. Отключен по умолчанию.

Disabled (обязательно) - делает компонент отключенным, если он включен. По умолчанию выключен.

Visible (обязательный) - делает компонент видимым, если он включен. Включен по умолчанию.

Триггеры рабочего процесса:

• onCreate - срабатывает, когда элемент создается на странице;
• onShow - срабатывает, когда компонент меняет свое состояние на видимое (отображается на странице);
• onHide - срабатывает, когда компонент меняет свое состояние на скрытое (перестает отображаться);
• onDestroy - срабатывает перед уничтожением компонента;
• onChange - срабатывает при изменении значения;
• onFocus - срабатывает при фокусировке компонента;
• onBlur - срабатывает при размытии компонента;
• onEnterKey - срабатывает при нажатии клавиши Enter.

Component Actions:

InputInteger Get Properties

Получает свойства компонента.

Входные параметры:

• Component Id [string] - идентификатор компонента ввода.

Выходные параметры:

• Label [string] - метка ввода;
• Placeholder [string] - заполнитель ввода;
• Allow clear [boolean] - состояние разрешения очистки;
• Disable [boolean] - отключает компонент, если true;
• Visible [boolean] - состояние видимости компонента;
• Tooltip [string] - подсказка поля ввода;
• Required [boolean] - показывает обязательную отметку, если true;
• Debounce (ms) [integer] - задержка для проверки значения;
• Min [integer] - min значение;
• Max [integer] - максимальное значение;
• Step [integer] - шаг изменения;
• Value [string] - значение из ввода;
• Validate Icon [boolean] - значок, отображаемый при подтверждении значения;
• Validate Status [status type] - статус, отображаемый при проверке значения;
• Validate Message [string] - сообщение, которое будет показано при подтверждении значения.

InputInteger Set Properties

Устанавливает свойства компонента.

Входные параметры:

• Component Id [string] - идентификатор компонента ввода.
• Label [string] - метка ввода;
• Placeholder [string] - заполнитель ввода;
• Allow clear [boolean] - состояние allow clear;
• Disable [boolean] - отключает компонент, если true;
• Visible [boolean] - состояние видимости компонента;
• Tooltip [string] - подсказка поля ввода;
• Required [boolean] - показывает обязательную отметку, если true;
• Debounce (ms) [integer] - задержка для проверки значения;
• Min [integer] - min значение;
• Max [integer] - максимальное значение;
• Step [integer] - шаг изменения;
• Value [string] - значение из ввода;
• Validate Icon [boolean] - значок, отображаемый при подтверждении значения;
• Validate Status [status type]- статус, отображаемый при проверке значения;
• Validate Message [string] - сообщение, которое будет показано при подтверждении значения.

InputInteger Update Properties

Обновить свойства компонента.

Входные параметры:

• Component Id [string] - идентификатор компонента ввода.
• Label [string] - метка ввода;
• Placeholder [string] - заполнитель ввода;
• Allow clear [boolean] - состояние allow clear;
• Disable [boolean] - отключает компонент, если true;
• Visible [boolean] - состояние видимости компонента;
• Tooltip [string] - подсказка поля ввода;
• Required [boolean] - показывает обязательную отметку, если true;
• Debounce (ms) [integer] - задержка для проверки значения;
• Min [integer] - min значение;
• Max [integer] - максимальное значение;
• Step [integer] - шаг изменения;
• Value [string] - значение из ввода;
• Validate Icon [boolean] - значок, отображаемый при подтверждении значения;
• Validate Status [status type]- статус, отображаемый при проверке значения;
• Validate Message [string] - сообщение, которое будет показано при проверке значения.

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

Input(integer) подходит для ввода числовых значений, например, для цены