Entrada (teléfono)

Click to copy

Permite introducir y validar el número de teléfono.


Configuración de la apariencia y el comportamiento

Label(no obligatorio) para mostrar la etiqueta del componente.

Placeholder(no obligatorio) para mostrar el marcador de posición del componente.

Name(obligatorio) - nombre del componente.

Tooltip (no obligatorio) - cadena de información sobre herramientas.

Mask(no obligatorio) - máscara de teléfono a utilizar.

Required(obligatorio) - marca si el valor es obligatorio o no. Se establece en falso por defecto.

Allow clear (obligatorio) - permite borrar en la selección. Está configurado como falso por defecto.

Validate Icon (obligatorio) - muestra el icono de validación si está activado. Es falso por defecto.

Disabled(obligatorio) - hace que el componente esté desactivado si está activado. Está desactivado por defecto.

Visible(obligatorio) - hace que el componente sea visible si está activado. Se activa por defecto.


Activadores del flujo de trabajo

  • onChange- se dispara cuando se cambia la opción desplegable.
  • onFocus- se dispara cuando se enfoca el componente.
  • onBlur- se dispara cuando el componente se desdibuja.
  • onCreate- se activa cuando se crea el componente.
  • onShow- se dispara cuando se muestra el componente.
  • onHide- se dispara cuando el componente se oculta.
  • onDestroy- se dispara cuando se muestra el componente.
  • onEnterKey- se dispara cuando se pulsa la tecla Enter.

Acciones del componente

InputPhone Get Properties

Obtiene las propiedades del componente.

Parámetros de entrada:

  • Component Id[string] - identificador del componente;

Parámetros de salida:

  • Label[string] - etiqueta del componente;
  • Placeholder[string] - marcador de posición del componente;
  • Allow Clear [boolean] - permite borrar la selección si es verdadero;
  • Disable[boolean] - desactiva el componente si es verdadero;
  • Tooltip[string] - cadena de información sobre herramientas;
  • Required[boolean] - muestra la marca requerida si es verdadera;
  • Debounce (ms) [integer] - retraso para validar el valor
  • Value[phone number] - valor de entrada con formato telefónico;
  • Validate Icon [boolean] - icono que se mostrará al validar el valor;
  • Validate Status [Status type] - estado que se mostrará al validar el valor;
  • Validate Message [string] - mensaje que se mostrará al validar el valor;

InputPhone Set Properties

Establece las propiedades del componente.

Parámetros de entrada:

  • Component Id [string] - identificador del componente;
  • Label[string] - etiqueta del componente;
  • Placeholder[string] - marcador de posición del componente;
  • Allow Clear [boolean] - permite borrar la selección si es verdadero
  • Disable[boolean] - desactiva el componente si es verdadero;
  • Tooltip[string] - cadena de información sobre herramientas;
  • Required[boolean] - muestra la marca requerida si es verdadera;
  • Debounce (ms) [integer] - retraso para validar el valor
  • Value[phone number] - valor de entrada con formato telefónico;
  • Validate Icon[boolean] - icono que se mostrará al validar el valor;
  • Validate Status [Status type]- estado que se mostrará al validar el valor;
  • Validate Message [string] - mensaje que se mostrará al validar el valor;

InputPhone Update Properties

Actualiza las propiedades del componente.

Parámetros de entrada:

  • Component Id [string] - identificador del componente;
  • Label[string] - etiqueta del componente;
  • Placeholder[string] - marcador de posición del componente;
  • Allow Clear [boolean] - permite borrar la selección si es verdadero
  • Disable[boolean] - desactiva el componente si es verdadero;
  • Tooltip[string] - cadena de información sobre herramientas;
  • Required[boolean] - muestra la marca requerida si es verdadera;
  • Debounce (ms) [integer] - retraso para validar el valor
  • Value[phone number] - valor de entrada con formato telefónico;
  • Validate Icon[boolean] - icono que se mostrará al validar el valor;
  • Validate Status [Status type]- estado que se mostrará al validar el valor;
  • Validate Message [string] - mensaje que se mostrará al validar el valor;


Ejemplo de uso

Hay una forma de comprobar si el valor introducido está vacío o no. En primer lugar hay que comprobar si el valor introducido es nulo o no. Component ID Para obtener este valor del componente, es necesario especificar el valor de la variable "null":