Double liste
La Double liste fournit deux listes côte à côte, permettant aux utilisateurs de sélectionner et de transférer plusieurs éléments entre elles à l’aide de contrôles interactifs.
Configuration de votre Dual Listbox
1. Configurer la source de données
La première étape consiste à décider d'où votre listbox tire ses options. C'est essentiel car cela détermine à quel point votre listbox sera statique ou dynamique — et combien de travail elle peut effectuer pour vous.
Voici vos choix :
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.
Pourquoi c'est important : Choisir la bonne source fait en sorte que votre listbox corresponde à votre cas d'utilisation. Une liste statique est simple ; une liste dynamique s'adapte. Choisissez ce qui convient le mieux à vos utilisateurs et à votre flux de travail.
2. Configurer les mappages de données (pour les sources Variable et Query)
Lorsque vous utilisez une source de données Variable ou Query avec un composant comme un Dual Listbox, vous devez mapper champs de votre source de données aux attributs d'affichage du composant. Pensez au mappage des données comme au fait d'indiquer au composant quelle morceaux d'information à afficher et où pour les afficher.
Comment ça fonctionne (exemple Contact) :
Disons que vous avez utilisé une source de données Avonni Query pour récupérer une liste de Contact enregistrements. Chaque enregistrement Contact contient de nombreux champs (FirstName, LastName, Email, Phone, etc.). Vous devez indiquer au Dual Listbox quelle champs à utiliser pour son affichage.
Étiquette : Ceci est le texte principal affiché pour chaque élément dans la listbox. Vous l'attribueriez généralement à un champ qui fournit un identifiant clair et concis pour l'enregistrement. Pour un Contact, un bon choix est souvent un combinaison de
FirstNameetLastName.Description/Sous-titre : Vous pouvez utiliser une formule pour combiner plusieurs valeurs et les afficher
3. Modifier les Propriétés
Maintenant, ajustez les propriétés du Dual Listbox pour correspondre à votre style et à vos besoins. Ces paramètres contrôlent son apparence et son comportement — car une bonne expérience utilisateur est la moitié de la bataille.
Variante : Le réglage de la variante contrôle principalement si le dual listbox possède une étiquette. Vous pouvez également accéder à des options de style supplémentaires dans les paramètres de variante.
Taille : Vous pouvez ajuster la largeur du dual listbox pour l'adapter à votre mise en page. Choisissez parmi les options de taille petite, moyenne ou grande pour contrôler l'espace horizontal occupé par le composant.
Moteur de recherche : Si vous avez de nombreuses options dans votre dual listbox, l'activation du moteur de recherche peut améliorer l'expérience utilisateur. Cela ajoute une boîte de recherche au-dessus de la listbox source, permettant aux utilisateurs de filtrer rapidement et de trouver les options qu'ils recherchent.
Options glissables : Par défaut, les utilisateurs peuvent déplacer des éléments entre les listes source et sélectionnée en cliquant sur les boutons entre les listboxes. Si vous activez le paramètre « Options glissables », les utilisateurs peuvent faire glisser et déposer des éléments directement entre les listes.
Pourquoi c'est important : Ces ajustements rendent la listbox soignée et conviviale. Un outil maladroit frustre les gens ; un outil adapté les rend heureux et productifs
4. Ajouter des Interactions
Les interactions vous permettent de définir ce qui se passe lorsque les utilisateurs interagissent avec votre composant Dual Listbox – plus précisément, lors de la sélection ou de la désélection d'options. Les interactions transforment une liste statique en une partie dynamique et fonctionnelle de votre application.
Que pouvez-vous faire avec les interactions ?
Lorsqu'un utilisateur effectue une sélection dans le Dual Listbox, vous pouvez déclencher diverses actions, notamment :
Mettre à jour les données : Modifier les enregistrements Salesforce en fonction des options sélectionnées. Bonne pratique : Lancer un Flow qui gère la logique de mise à jour en utilisant l'interaction "Ouvrir la boîte de dialogue Flow". C'est plus robuste et évolutif, surtout pour les scénarios de sélection multiple.
Naviguer: Envoyer l'utilisateur vers une page différente (détail d'enregistrement, vue de liste, URL externe) en fonction de sa sélection. https://docs.google.com/gview?embedded=true&url=[votre URL PDF] Sélectionner un Contact dans le Dual Listbox pourrait naviguer vers la page d'enregistrement de ce Contact.
Afficher des messages: Afficher un message toast ou ouvrir une boîte de dialogue modale pour fournir des retours, des avertissements ou des confirmations. https://docs.google.com/gview?embedded=true&url=[votre URL PDF] Après la mise à jour des enregistrements, afficher un message toast disant « Enregistrements mis à jour avec succès. »
Comment ajouter des interactions
Sélectionnez le Dual Listbox : Cliquez sur le composant Dual Listbox dans la zone de création de composants.
Accédez au panneau Interactions : Trouvez le panneau « Interactions » (ou la section « Interactions » dans le Panneau des Propriétés).
Ajouter une nouvelle interaction : Ajoutez une nouvelle interaction pour l'événement pertinent (probablement « On Change » pour un Dual Listbox – cela se déclenche chaque fois que la sélection change).
Choisir un type d'action : Sélectionnez l'action que vous souhaitez effectuer (Naviguer, Ouvrir un dialogue Flow, Afficher un toast, etc.).
Configurer l'action : Fournissez les paramètres nécessaires pour l'action choisie (par exemple, le nom API du Flow, la cible de navigation, le texte du message). Cela implique souvent de faire référence aux valeurs sélectionnées depuis le Dual Listbox.
Mis à jour
Ce contenu vous a-t-il été utile ?