Configuración de la apariencia:
Label(no obligatorio) - etiqueta para la entrada.
Default value(no obligatorio) - valor por defecto de la entrada.
Placeholder(no obligatorio) - marcador de posición para la entrada.
Name(obligatorio) - nombre de la entrada.
Tooltip(no obligatorio) - pista para la entrada.
Min(no obligatorio) - valor mínimo.
Max(no obligatorio) - valor máximo.
Step(no obligatorio) - paso de cambio.
Required(obligatorio) - hace que el campo sea obligatorio. Desactivado por defecto.
Allow clear(obligatorio) - icono para borrar la entrada. Desactivado por defecto.
Validate icon (obligatorio) - icono para validar la entrada. Desactivado por defecto.
Disabled(obligatorio) - hace que el componente se desactive si está activado. Está desactivado por defecto.
Visible(obligatorio) - hace que el componente sea visible si está activado. Se activa por defecto.
Activadores de flujo de trabajo:
- onCreate- se activa cuando el elemento se crea en la página;
- onShow- se activa cuando el componente cambia su estado a visible (se muestra en la página);
- onHide- se activa cuando el componente cambia su estado a oculto (deja de mostrarse);
- onDestroy- se activa antes de que el componente sea destruido;
- onChange- se dispara cuando se cambia el valor;
- onFocus- se dispara cuando el componente está enfocado
- onBlur- se dispara cuando el componente se desdibuja;
- onEnterKey- se dispara cuando se pulsa Enter.
Component Actions:
InputInteger Get Properties
Obtiene las propiedades del componente.
Parámetros de entrada:
- Component Id [string] - identificador del componente de entrada.
Parámetros de salida:
- Label[string] - etiqueta de entrada;
- Placeholder[string] - marcador de entrada;
- Allow clear [boolean] - estado de permitir borrar;
- Disable[boolean] - desactiva el componente si es verdadero;
- Visible[boolean] - estado de visibilidad del componente;
- Tooltip[string] - pista del campo de entrada;
- Required [boolean] - muestra la marca requerida si es verdadera;
- Debounce (ms) [integer] - retraso para validar el valor;
- Min[integer] - valor mínimo;
- Max[integer] - valor máximo;
- Step[integer] - paso de cambio;
- Value[string] - valor de la entrada;
- 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.
InputInteger Set Properties
Establece las propiedades del componente.
Parámetros de entrada:
- Component Id [string] - identificador del componente de entrada.
- Label[string] - etiqueta de entrada;
- Placeholder[string] - marcador de entrada;
- Allow clear [boolean] - estado de permitir la limpieza;
- Disable[boolean] - desactiva el componente si es verdadero;
- Visible[boolean] - estado de visibilidad del componente;
- Tooltip[string] - pista del campo de entrada;
- Required[boolean] - muestra la marca requerida si es verdadera;
- Debounce (ms) [integer] - retraso para validar el valor;
- Min[integer] - valor mínimo;
- Max[integer] - valor máximo;
- Step[integer] - paso de cambio;
- Value[string] - valor de la entrada;
- 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.
InputInteger Update Properties
Actualiza las propiedades del componente.
Parámetros de entrada:
- Component Id [string] - identificador del componente de entrada.
- Label[string] - etiqueta de la entrada;
- Placeholder[string] - marcador de entrada;
- Allow clear [boolean] - estado de permitir la limpieza;
- Disable[boolean] - desactiva el componente si es verdadero;
- Visible[boolean] - estado de visibilidad del componente;
- Tooltip[string] - pista del campo de entrada;
- Required[boolean] - muestra la marca requerida si es verdadera;
- Debounce(ms) [integer] - retraso para validar el valor;
- Min[integer] - valor mínimo;
- Max[integer] - valor máximo;
- Step[integer] - paso de cambio;
- Value[string] - valor de la entrada;
- 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
Input(integer) sirve para introducir valores numéricos, por ejemplo para el precio
