Вход (телефон)

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

Позволяет ввести и подтвердить номер телефона.


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

Label (не обязательно) используется для отображения метки компонента.

Placeholder (не обязательно) - имя компонента, которое будет использоваться для отображения местозаполнителя компонента.

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

Tooltip (не обязательно) - строка всплывающей подсказки.

Mask (не обязательно) - маска телефона, которая будет использоваться.

Required (обязательный) - отмечает, является ли значение обязательным или нет. По умолчанию имеет значение false.

Allow clear (обязательно) - позволяет очищать при выборе. По умолчанию имеет значение false.

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

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

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


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

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

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

InputPhone Get Properties

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

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

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

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

  • Label [string] - метка компонента;
  • Placeholder [string] - заполнитель компонента;
  • Allow Clear [boolean] - позволяет очистить выделение, если true;
  • Disable [boolean] - отключает компонент, если true;
  • Tooltip [string] - строка всплывающей подсказки;
  • Required [boolean] - показывает требуемую метку, если true;
  • Debounce (ms) [integer] - задержка для проверки значения;
  • Value [phone number] - телефонное форматирование входного значения;
  • Validate Icon [boolean] - значок, который будет показан при проверке значения;
  • Validate Status [Status type] - статус, отображаемый при проверке значения;
  • Validate Message [string] - сообщение, которое будет показано при проверке значения;

Input Phone Get Properties

InputPhone Set Properties

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

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

  • Component Id [string] - идентификатор компонента;
  • Label [string] - метка компонента;
  • Placeholder [string] - заполнитель компонента;
  • Allow Clear [boolean] - позволяет очистить выделение, если true;
  • Disable [boolean] - отключает компонент, если true;
  • Tooltip [string] - строка всплывающей подсказки;
  • Required [boolean] - показывает требуемую метку, если true;
  • Debounce (ms) [integer] - задержка для проверки значения;
  • Value [phone number] - телефонное форматирование входного значения;
  • Validate Icon [boolean] - значок, который будет показан при проверке значения;
  • Validate Status [Status type]- статус, отображаемый при проверке значения;
  • Validate Message [string] - сообщение, которое будет показано при проверке значения;

Input Phone Set Properties

InputPhone Update Properties

Обновляет свойства компонента.

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

  • Component Id [string] - идентификатор компонента;
  • Label [string] - метка компонента;
  • Placeholder [string] - заполнитель компонента;
  • Allow Clear [boolean] - позволяет очистить выделение, если true;
  • Disable [boolean] - отключает компонент, если true;
  • Tooltip [string] - строка всплывающей подсказки;
  • Required [boolean] - показывает требуемую метку, если true;
  • Debounce (ms) [integer] - задержка для проверки значения;
  • Value [phone number] - телефонное форматирование входного значения;
  • Validate Icon [boolean] - значок, который будет показан при проверке значения;
  • Validate Status [Status type]- статус, отображаемый при проверке значения;
  • Validate Message [string] - сообщение, которое будет показано при проверке значения;

Input Phone Update Properties


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

Существует способ проверить, является ли введенное значение пустым или нет. Сначала необходимо проверить, является ли введенное значение null или нет. Component ID необходимо указать для того, чтобы получить это значение из компонента: