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 opciones seleccionadas 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 de entrada:
- Component Id [string] - Identificador del componente Select;
Parámetros de salida:
- 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ámetros de 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ámetros de 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 de salida:
- 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 de salida:
- 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
