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 de sortie:
- 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 de sortie:
- 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 de sortie:
- 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é
