Select

Ajustes iniciales

Mode - elija Múltiple para poder seleccionar varias opciones del desplegable. De lo contrario, se debe utilizar el modo Simple.

Configuración de la apariencia y el comportamiento

Label (no mantory) para ser utilizado para mostrar la etiqueta del componente.

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

Name (obligatorio) - nombre del componente.

Size (obligatorio) - tamaño del componente. Se establece en el valor predeterminado cuando se crea el componente.

Search (obligatorio) - para poder buscar dentro de las opciones desplegables disponibles. Está desactivado por defecto.

Clear icon (obligatorio) - muestra el icono de opciones claras si está activado. Está 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. Está activado por defecto.

Opciones

Las opcionesseleccionadas pueden ser predefinidas en los ajustes del componente.

Activadores del flujo de trabajo

• onChange - se dispara cuando se cambia la opción desplegable.
• onFocus - se dispara cuando se enfoca el componente Select.
• onBlur - se dispara cuando el componente Select se desdibuja.
• onCreate - se dispara cuando se crea el componente.
• onDestroy - se dispara cuando se muestra el componente.

Acciones del componente

Select Get Properties

Obtiene las propiedades del componente.

Parámetros deentrada :

• Component Id [string] - Identificador del componente Select;

Parámetros desalida :

• Label [string] - la etiqueta del componente;
• Placeholder [string] - marcador de posición del componente;
• Allow Clear [boolean] - permite borrar la selección si es verdadera;
• Disable [boolean] - desactiva el componente si es verdadero;
• Tooltip [string] - cadena de información sobre herramientas;
• Required Mark [boolean] - muestra la marca requerida si es verdadera
• Debounce (ms) [integer] - retardo para validar el valor;
• Options [Select Option array] - una matriz de opciones de selección predefinidas;
• Selected [Select Option array] - una matriz de opciones de selección o sólo una matriz con un solo elemento en el caso del modo simple;
• 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;

Select Set Properties

Establece las propiedades del componente.

Parámetrosde entrada:

• Component Id [string] - Identificador del componente seleccionado;
• 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 Mark [boolean] - muestra la marca requerida si es verdadera;
• Debounce (ms) [integer] - retardo para validar el valor;
• Options [Select Option array] - una matriz de opciones de selección predefinidas;
• 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;

Seleccione Actualizar propiedades

Actualiza las propiedades del componente.

Parámetrosde entrada:

• Component Id [string] - Identificador del componente de selección;
• Label [string]- la 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 Mark [boolean] - muestra la marca requerida si es verdadera;
• Debounce (ms) [integer] - retardo para validar el valor;
• Options [Select Option array] - una matriz de opciones de selección predefinidas;
• 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;

Make Select Option

Compone el modelo Select Option con los campos dados.

Parámetros de entrada:

• ID [integer] - ID de la opción de selección;
• Label [string] - Etiqueta de la opción de selección;
• Value [integer] - Valor de pedido de la opción en la lista desplegable;
• Icon [string] - icono que se utilizará en el elemento de la Opción de Selección;
• Disabled [boolean] - desactivación de la Opción de Selección si es verdadera;

Parámetros desalida :

• Select Option [Select Option] - Modelo de la opción de selección;

Expand Select Option

Expande el modelo de Select Option.

Parámetros de entrada:

• Select Option [Select Option] - Modelo de Seleccionar Opción;

Parámetros desalida :

• ID [integer] - ID de la Opción Seleccionada;
• Label [string] - Seleccionar la etiqueta de la opción;
• Value [integer] - Valor de pedido de la opción en la lista desplegable;
• Icon [string] - icono que se utilizará en el elemento de Seleccionar Opción;
• Disabled [boolean] - desactiva la Opción de Selección si es verdadera;

Ejemplo de uso

Es posible componer y añadir nuevos elementos de Opción de Selección en la lista desplegable a través de los procesos de negocio del frontend.

La lógica debe ser la siguiente:

• Componer un nuevo elemento de Opción de Selección con los campos especificados (Make Select Option)

• Obtenga la matriz de elementos existentes de Select Option (Select Get Properties) y lo combina con el elemento de la Opción de Selección creado anteriormente (Append Array)

• Actualizar la matriz de elementos de la opción de selección (Select Update Properties) para el componente Select especificado