Boîte de sélection

Exemples de didacticiel Combobox

User Activity Report

---

Configurer votre Combobox

Choisir une source de données

Dans le panneau Propriétés, trouvez la propriété Source de données et sélectionnez l'une des options suivantes :

Manuel

Saisissez les données directement dans la configuration du composant.

Variable

Ceci est utile pour les données qui changent en fonction des interactions de l'utilisateur ou d'une autre logique du composant.

Requête

C'est l'option la plus courante pour afficher des enregistrements Salesforce.

Liste de sélection

Récupérez les données dynamiquement à partir d'un champ de liste de sélection standard ou personnalisé dans Salesforce.

Mappings de données (pour les sources Variable et Requête)

Après avoir choisi votre source de données (Variable ou Requête), vous devez indiquer au Combobox quels champs de cette source de données doivent être utilisés pour afficher chaque option dans la liste déroulante. Cela se fait via les mappings de données. Vous liez essentiellement des champs de vos données à des parties spécifiques de l'apparence du Combobox.

• Étiquette: Sélectionnez le champ contenant le texte que vous souhaitez afficher pour chaque option dans la liste déroulante (par exemple, Contact.Name, Account.Name, ou une formule pour combiner des champs).

• Description: Sélectionnez le champ contenant le sous-texte que vous souhaitez afficher pour chaque option dans la liste déroulante.

• Source de l'image d'avatar: Mappez un champ (généralement un champ URL) contenant l'image à afficher dans l'option du combobox.

Configurer les paramètres généraux

Après avoir configuré votre source de données et les mappings, vous pouvez personnaliser le comportement et l'apparence de base du Combobox en utilisant ces paramètres généraux.

• Étiquette: (Texte) Saisissez un libellé pour le Combobox lui-même (par exemple, "Sélectionnez un contact :"). Ce libellé s'affiche au-dessus de la liste déroulante.

• propriété: (Texte/Collection)

  • Cela contient la ou les valeurs actuellement sélectionnées. Il est essentiel de lier ceci au type de champ approprié.

  • Pour une sélection unique, liez-le à la valeur.

  • Pour une sélection multiple, liez-le à une variable de collection.

• Espace réservé: (Texte) Texte d'espace réservé à afficher lorsqu'aucune option n'est sélectionnée.

• Variante: (Texte) Sélectionnez la façon dont le combobox est affiché : Standard, Libellé en ligne, Libellé empilé, Libellé masqué

Configurer les paramètres de la liste déroulante

Ces paramètres contrôlent le comportement et l'apparence de la liste déroulante elle-même (la partie qui apparaît lorsque l'utilisateur clique sur le Combobox) :

• Alignement de la liste déroulante : Alignez la liste déroulante (Gauche, Centre, Droite, Auto).

• Longueur de la liste déroulante : Hauteur visible de la liste déroulante (5 ou 7 options).

• Multisélection : Autoriser plusieurs sélections (oui/non).

• Options sélectionnées maximum : (Si multisélection) Nombre maximum de sélections autorisées.

• Options sélectionnées minimum : (Si multisélection) Nombre minimum de sélections requis.

• Garder ouvert après sélection : (Si multisélection) Garder la liste déroulante ouverte après la sélection.

• Afficher le champ de recherche : Afficher une zone de recherche dans la liste déroulante.

• Requis : Rendre la sélection obligatoire.

• Désactivé : Désactiver l'ensemble du Combobox.

• Masquer l'icône Effacer : Masquer l'icône "x" (effacer).

• Masquer les options déjà sélectionnées : Masquer les options déjà sélectionnées

Ajout d'interactions

Le composant Combobox prend en charge les interactions, vous permettant de déclencher des actions lorsque l'utilisateur change la sélection. L'événement le plus courant est On Change, qui se déclenche chaque fois que l'option sélectionnée (ou les options, en mode multisélection) change.

Pour ajouter une interaction

1. Sélectionnez le Combobox : Cliquez sur le composant Combobox dans la zone de création de composants.

2. Accédez au panneau Interactions : Trouvez le panneau « Interactions » (ou la section « Interactions » dans le Panneau des Propriétés).

3. Ajouter une nouvelle interaction : Cliquez sur le bouton ou le lien pour ajouter une nouvelle interaction.

4. Choisir l'événement : Sélectionnez le On Change .

5. Choisir une action : Lorsque la sélection change, sélectionnez l'action que vous souhaitez effectuer. Parmi les exemples :

   • Naviguer : Aller à une page ou un enregistrement différent.

   • Ouvrir une boîte de dialogue/panneau Flow : Lancer un Screen Flow.

   • Afficher un Toast : Afficher un message de notification.

   • Actualiser la source de données : Actualiser une source de données (souvent utilisé conjointement avec le filtrage réactif, comme montré dans l'exemple ci-dessous).

   • Définir la valeur d'une variable: Définir la valeur d'une variable.

6. Configurer l'action : Fournissez les paramètres nécessaires pour l'action choisie. Cela implique souvent de faire référence à la valeur actuelle du Combobox.