Input (text)

Нажмите, чтобы скопировать

Поле ввода для текста


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

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

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

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

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

Min rows (не обязательно) - минимальное количество строк для ввода.

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

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

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

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

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

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



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

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

Действия компонента

InputText Get Properties

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

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

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

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

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

Input Text Get Properties

InputText 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] - задержка для проверки значения;
  • Value [text] - значение из ввода;
  • Validate Icon [boolean] - значок, который будет показан при проверке значения;
  • Validate Status [status type] - статус, отображаемый при проверке значения;
  • Validate Message [string]- сообщение, которое будет показано при проверке значения.

Input Text Set Properties

InputText 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] - задержка для проверки значения;
  • Value [text] - значение из ввода;
  • Validate Icon [boolean] - значок, который будет показан при проверке значения;
  • Validate Status [status type] - статус, отображаемый при проверке значения;
  • Validate Message [string]- сообщение, которое будет показано при проверке значения.

Input Text Update Properties


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

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