Dropdown

Click to copy

Elemento para mostrar la lista de opciones


Configuración de la apariencia:

Label (no obligatorio) para mostrar la etiqueta del componente.

Name (obligatorio) - este nombre le ayudará a encontrar este componente en BP.

Left icon (no obligatorio) - icono izquierdo del desplegable.

Right icon (obligatorio) - icono desplegable derecho.

Size (obligatorio) - tamaño estándar del desplegable.

Type (obligatorio) - diseño estándar del desplegable.

Trigger (obligatorio) - disparador que muestra una lista desplegable. Hover por defecto.

Disabled (obligatorio) - disponibilidad del desplegable en la aplicación. Está desactivado por defecto.

Visible (obligatorio) - hace visible el componente si está activado. Se activa por defecto.


Opción:

En esta sección, puede añadir y editar elementos de la lista desplegable


Activadores de flujo de trabajo:

  • onCreate- se dispara 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 dispara cuando el componente cambia su estado a oculto (deja de mostrarse);
  • onDestroy- se dispara antes de que el componente sea destruido;
  • Option onClick - se activa cuando se hace clic en la opción.

Acciones de los componentes:

Obtiene las propiedades del desplegable

Parámetros de entrada:

  • Component Id[string] - identificador del componente dropdown;

Parámetros de salida:

  • Label[string] - la etiqueta del desplegable;
  • Icon[string] - el icono del desplegable;
  • Type[enum] - tipo del desplegable;
  • Size[enum] - tipo de dropdown;
  • Color[string] - el color del desplegable;
  • Options[array model] - lista de opciones del desplegable;
  • Visible[boolean] - estado de visibilidad del desplegable;
  • Disabled[boolean] - estado de activación/desactivación del desplegable;
  • Loading[boolean] - estado de carga del desplegable.

Establece todas las propiedades del desplegable

Parámetros de entrada:

  • Component Id[string] - identificador del componente dropdown;
  • Label[string] - la etiqueta del desplegable;
  • Icon[string] - el icono del desplegable;
  • Type[enum] - tipo de dropdown;
  • Size[enum] - tipo de dropdown;
  • Color[string] - el color del desplegable;
  • Options[array model] - lista de opciones del desplegable;
  • Visible[boolean] - estado de visibilidad del desplegable;
  • Disabled[boolean] - estado de activación/desactivación del desplegable;
  • Loading[boolean] - estado de carga del desplegable.

Actualiza las propiedades del desplegable

Parámetros de entrada:

  • Component Id [string] - identificador del componente dropdown;

Parámetros de salida:

  • Label[string] - la etiqueta del desplegable;
  • Icon[string] - el icono del desplegable;
  • Type[enum] - tipo de dropdown;
  • Size[enum] - tipo de dropdown;
  • Color[string] - el color del desplegable;
  • Options[array model] - lista de opciones del desplegable;
  • Visible[boolean] - estado de visibilidad del desplegable;
  • Disabled[boolean] - estado de activación/desactivación del desplegable;
  • Loading[boolean] - estado de carga del desplegable.