Relselect

Ajustes iniciales

Data source - modelo de datos que se utilizará para mostrar las opciones desplegables de.

Mode - elegir Multiple para poder seleccionar varias opciones del desplegable. En caso contrario, Single debe usarse mode.

Configuración de la apariencia y el comportamiento

Label (no mantory) que se utilizará para mostrar la etiqueta del componente.

Placeholder (no obligatorio) que se utilizará 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.

Datos

Data source - Modelo de datos en uso. Configurable sólo al crear el componente.

Label - Los campos del Modelo de Datos se muestran en una única opción desplegable.

Activadores del flujo de trabajo

• onChange - se dispara cuando la opción desplegable cambia.
• onFocus - se dispara cuando el componente Relselect está enfocado.
• onBlur - se dispara cuando el componente Relselect se desdibuja.
• onCreate - se dispara cuando se crea el componente.
• onShow - se dispara cuando se muestra el componente.
• onHide - se activa cuando el componente se oculta.
• onSearch - se activa cuando el usuario busca entre las opciones disponibles.
• onOpen - se dispara en el desplegable.
• onLoadAll - se dispara cuando se descargan todas las opciones del desplegable.

Acciones del componente

RelSelect Get Properties

Obtiene las propiedades del componente.

Parámetros deentrada :

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

Parámetros desalida :

• Selected [Data Model type/ Data Model Array type] - opción(es) seleccionada(s). Se muestra en el proceso de negocio cuando sólo se especifica el identificador del componente.
• Data [Data Model Array type] - array de elementos del Modelo de Datos a utilizar. Disponible en el proceso de negocio cuando sólo se especifica el ID 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 verdad;
• 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] - retraso para validar el valor;
• 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.

RelSelect Set Properties

Establece las propiedades del componente.

Parámetrosde entrada:

• Component Id [string] - RelSelect 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 verdad;
• 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;
• 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.

RelSelect Update Properties

Actualiza las propiedades del componente.

Parámetrosde entrada:

• Selected [Data Model type/ Data Model Array type] - opción(es) seleccionada(s). Se mostrará en el proceso de negocio cuando Component ID sólo se especifica.
• Data [Data Model Array type] - array de elementos del Modelo de Datos a utilizar. Disponible en el proceso de negocio cuando Component ID se especifica solamente.
• Component Id [string] - RelSelect 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 Mark [boolean] - muestra la marca requerida si es verdadera;
• Debounce (ms) [integer] - retardo para validar el valor;
• 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

Se requiere descargar las opciones desplegables del servidor para poder verlas.

La lógica debe ser la siguiente:

1.Obtener la matriz del modelo de datos(petición del servidor GET ) en RelSelect creación del componente (onCreate).

2.Actualizar los datos del desplegable (RelSelect Update Properties)