Dropdown

Click to copy

Élément permettant d'afficher la liste des options


Paramètres de l'apparence et de la convivialité :

Label (non obligatoire) à utiliser pour afficher l'étiquette du composant.

Name (obligatoire) - ce nom vous aidera à trouver ce composant dans la BP.

Left icon (non obligatoire) - icône gauche de la liste déroulante.

Right icon (obligatoire) - icône de la liste déroulante de droite.

Size (obligatoire) - tailles de la liste déroulante standard.

Type (obligatoire) - les mises en page standard de la liste déroulante.

Trigger (obligatoire) - déclencheur qui affiche une liste déroulante. Le survol par défaut.

Disabled (obligatoire) - disponibilité de la liste déroulante dans l'application. Est désactivé par défaut.

Visible (obligatoire) - rend le composant visible s'il est activé. Activé par défaut.


Option :

Dans cette section, vous pouvez ajouter et modifier les éléments de la liste déroulante.


les déclencheurs de flux de travail :

  • onCreate- se déclenche lorsque l'élément est créé sur la page ;
  • onShow- se déclenche lorsque le composant passe à l'état visible (affiché sur la page) ;
  • onHide- se déclenche lorsque le composant passe à l'état caché (cesse d'être affiché) ;
  • onDestroy- se déclenche avant la destruction du composant ;
  • Option onClick - se déclenche lorsque l'option est cliquée.

Actions des composants :

Obtient les propriétés de la liste déroulante

Paramètres d' entrée:

  • Component Id[string] - Identificateur du composant de la liste déroulante ;

Paramètres de sortie:

  • Label[string] - le libellé de la liste déroulante ;
  • Icon[string] - l'icône de la liste déroulante ;
  • Type[enum] - le type de la liste déroulante ;
  • Size[enum] - le type de la liste déroulante ;
  • Color[string] - la couleur de la liste déroulante ;
  • Options[array model] - la liste des options de la liste déroulante ;
  • Visible[boolean] - l'état de visibilité de la liste déroulante ;
  • Disabled[boolean] - l'état d'activation/désactivation de la liste déroulante ;
  • Loading[boolean] - l'état de chargement de la liste déroulante.

Définit toutes les propriétés de la liste déroulante

Paramètres d' entrée:

  • Component Id[string] - l'identifiant du composant de la liste déroulante ;
  • Label[string] - l'étiquette de la liste déroulante ;
  • Icon[string] - l'icône de la liste déroulante ;
  • Type[enum] - le type de la liste déroulante ;
  • Size[enum] - le type de la liste déroulante ;
  • Color[string] - la couleur de la liste déroulante ;
  • Options[array model] - la liste des options de la liste déroulante ;
  • Visible[boolean] - l'état de visibilité de la liste déroulante ;
  • Disabled[boolean] - l'état d'activation/désactivation de la liste déroulante ;
  • Loading[boolean] - l'état de chargement de la liste déroulante.

Mise à jour des propriétés de la liste déroulante

Paramètres d' entrée:

  • Component Id [string] - l'identifiant du composant de la liste déroulante ;

Paramètres de sortie:

  • Label[string] - l'étiquette de la liste déroulante ;
  • Icon[string] - l'icône de la liste déroulante ;
  • Type[enum] - le type de la liste déroulante ;
  • Size[enum] - le type de la liste déroulante ;
  • Color[string] - la couleur de la liste déroulante ;
  • Options[array model] - la liste des options de la liste déroulante ;
  • Visible[boolean] - l'état de visibilité de la liste déroulante ;
  • Disabled[boolean] - l'état d'activation/désactivation de la liste déroulante ;
  • Loading[boolean] - l'état de chargement de la liste déroulante.