Relselect

Click to copy

Seleccione el componente para seleccionar los valores de los modelos de datos.


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 de entrada:

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

Parámetros de salida:

  • 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ámetros de 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ámetros de 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)