Select

Paramètres initiaux

Mode - choisissez Multiple pour pouvoir sélectionner plusieurs options dans la liste déroulante. Sinon, il faut utiliser le mode Simple.

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

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

Placeholder (non obligatoire) à utiliser pour afficher l'espace réservé du composant.

Name (obligatoire) - nom du composant.

Size (obligatoire) - taille du composant. Elle est définie sur Default lorsque le composant est créé.

Search (obligatoire) - pour pouvoir effectuer une recherche dans les options de liste déroulante disponibles. Est désactivé par défaut.

Clear icon (obligatoire) - affiche l'icône d'options claires si elle est activée. Est désactivé par défaut.

Disabled (obligatoire) - rend le composant désactivé s'il est activé. Il est désactivé par défaut.

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

Options

Certaines options peuvent être prédéfinies dans les paramètres du composant.

Déclencheurs de flux de travail

• onChange - se déclenche lorsque l'option de la liste déroulante est modifiée.
• onFocus - se déclenche lorsque le composant Select fait l'objet d'une attention particulière.
• onBlur - se déclenche lorsque le composant Select est flou.
• onCreate - se déclenche lorsque le composant est créé.
• onDestroy - se déclenche lorsque le composant est affiché.

Actions du composant

Select Get Properties

Obtient les propriétés du composant.

Paramètres d'entrée :

• Component Id [string] - Identificateur du composant de sélection ;

Paramètres desortie :

• Label [string] - l'étiquette du composant ;
• Placeholder [string] - le caractère de remplacement du composant ;
• Allow Clear [boolean] - permet d'effacer la sélection si elle est vraie ;
• Disable [boolean] - désactive le composant si vrai ;
• Tooltip [string] - chaîne d'info-bulle ;
• Required Mark [boolean] - affiche la marque requise si vrai ;
• Debounce (ms) [integer] - délai pour valider la valeur ;
• Options [Select Option array] - un tableau d'options de sélection prédéfinies ;
• Selected [Select Option array] - un tableau d'options sélectionnées ou juste un tableau avec un seul élément dans le cas du mode simple ;
• Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
• Validate Status [Status type] - le statut à afficher lors de la validation de la valeur ;
• Validate Message [string] - message à afficher lors de la validation de la valeur ;

Select Set Properties

Définit les propriétés du composant.

Paramètres d'entrée :

• Component Id [string] - Sélectionner l'identifiant du composant ;
• Label [string]- le libellé du composant ;
• Placeholder [string] - le caractère de remplacement du composant ;
• Allow Clear [boolean] - permet d'effacer la sélection si vrai ;
• Disable [boolean] - désactive le composant si vrai ;
• Tooltip [string] - Chaîne d'info-bulle ;
• Required Mark [boolean] - affiche la marque requise si vrai ;
• Debounce (ms) [integer] - délai pour valider la valeur ;
• Options [Select Option array] - un tableau d'options de sélection prédéfinies ;
• Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
• Validate Status [Status type] - statut à afficher lors de la validation de la valeur ;
• Validate Message [string] - le message à afficher lors de la validation de la valeur ;

Sélectionnez Mettre à jour les propriétés

Met à jour les propriétés du composant.

Paramètres d'entrée :

• Component Id [string] - L'identifiant du composant de sélection ;
• Label [string]- le libellé du composant ;
• Placeholder [string] - le caractère de remplacement du composant ;
• Allow Clear [boolean] - permet d'effacer la sélection si vrai ;
• Disable [boolean] - désactive le composant si vrai ;
• Tooltip [string] - Chaîne d'info-bulle ;
• Required Mark [boolean] - affiche la marque requise si vrai ;
• Debounce (ms) [integer] - délai pour valider la valeur ;
• Options [Select Option array] - un tableau d'options de sélection prédéfinies ;
• Validate Icon [boolean] - icône à afficher lors de la validation de la valeur ;
• Validate Status [Status type] - statut à afficher lors de la validation de la valeur ;
• Validate Message [string] - le message à afficher lors de la validation de la valeur ;

Make Select Option

Compose le modèle Select Option avec les champs donnés.

Paramètres d'entrée :

• ID [integer] - ID de l'option de sélection ;
• Label [string] - Sélectionnez le libellé de l'option ;
• Value [integer] - Valeur de commande de l'option sélectionnée dans la liste déroulante ;
• Icon [string] - icône à utiliser dans l'élément de l'option de sélection ;
• Disabled [boolean] - désactive l'option de sélection si elle est vraie ;

Paramètres desortie :

• Select Option [Select Option] - Modèle de l'option de sélection ;

Expand Select Option

Développe le modèle Select Option.

Paramètres d'entrée :

• Select Option [Select Option] - Modèle de l'option choisie ;

Paramètres desortie :

• ID [integer] - ID de l'option choisie ;
• Label [string] - Sélectionner l'étiquette de l'option ;
• Value [integer] - la valeur de commande de l'option sélectionnée dans la liste déroulante ;
• Icon [string] - icône à utiliser dans l'élément Select Option ;
• Disabled [boolean] - désactive l'option de sélection si elle est vraie ;

Exemple d'utilisation

Il est possible de composer et d'ajouter de nouveaux éléments Select Option dans la liste déroulante via des processus métier frontaux.

La logique doit être la suivante :

• Composer un nouvel élément Select Option avec les champs spécifiés (Make Select Option)

• Récupérez le tableau d'éléments existant de Select Option (Select Get Properties) et le fusionne avec l'élément Select Option créé précédemment (Append Array)

• Mettre à jour le tableau des éléments de l'option de sélection (Select Update Properties) pour le composant Select spécifié