Arbre

L’arbre Avonni présente des données hiérarchiques dans un format arborescent extensible/repliable, convivial pour la navigation.

Configuration du composant Arborescence

Sélectionnez le composant Arborescence sur la zone de conception pour accéder à ses propriétés dans le panneau Propriétés (panneau de droite).

Propriétés de base

• par le véritable: (Texte) Un identifiant unique pour cette instance du composant (par ex. AccountHierarchyTree).

• En-tête: (Texte, Optionnel) Un titre affiché au-dessus de l'arbre. Exemple : "Hiérarchie des comptes".

• Sélection multiple: (Booléen - Case à cocher) Si activé, l'utilisateur peut sélectionner plusieurs éléments.

• Sélection multiple indépendante: (Booléen - Case à cocher) Si activé, les utilisateurs peuvent sélectionner plusieurs éléments à différents niveaux.

• Afficher le nombre d'éléments: (Booléen - Case à cocher) Si activé, le nombre d'enfants pour chaque nœud sera affiché.

Source de données

Source de données : Choisissez comment les données de l'Arbre sont alimentées :

Manuel

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

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.

Requêtes imbriquées

Récupérez des données à partir d'objets Salesforce liés en utilisant des sous-requêtes, ce qui permet des récupérations de données complexes.

Mappages de données

Lors de l'utilisation d'une source de données dynamique, vous devez mapper les champs de votre source de données aux attributs du composant Arbre. Cela indique au composant comment afficher les données et structurer la hiérarchie.

Remarque importante concernant la source de données Requête

Pour utiliser la source de données "Requête", vous doit structurez votre requête comme une requête imbriquée, même si vous n'affichez qu'un seul niveau de données (c.-à-d. même s'il n'existe pas de véritable relation parent-enfant). Le niveau supérieur de la requête imbriquée représente vos données principales, et vous pouvez éventuellement ajouter des requêtes enfants pour des niveaux plus profonds de l'arbre. Cela diffère d'une requête standard.

Remarque sur les étapes des requêtes imbriquées

Veuillez noter que l'interface et les options de configuration Requêtes imbriquées ont été mises à jour depuis la création de ce tutoriel. Bien que les concepts de base restent les mêmes, les étapes spécifiques montrées ci-dessous peuvent différer de celles de l'Avonni Component Builder actuel. Nous travaillons à la mise à jour de ce guide prochainement pour refléter les dernières améliorations.

Autres paramètres

Cette section détaille les différentes options de configuration disponibles pour le composant Arbre d'Avonni.

En-tête (Optionnel)

Ces paramètres contrôlent l'apparence d'une zone d'en-tête optionnelle en haut du composant Arbre.

En-tête: Texte à afficher en tant que titre principal de l'en-tête.

Nom de l'icône de l'en-tête: (Probablement un nom d'icône du Salesforce Lightning Design System (SLDS)) Spécifie une icône à afficher à côté du texte de l'en-tête. Exemple : utility:folder.

Source de l'image de l'en-tête: URL d'une image à afficher dans l'en-tête (au lieu de, ou en plus de, l'icône). Peut être une ressource statique ou une URL générée dynamiquement.

Sélection et interaction

Ces paramètres contrôlent la façon dont les utilisateurs interagissent avec l'arbre et sélectionnent les éléments.

Sélection multiple

Les utilisateurs peuvent sélectionner plusieurs nœuds de l'arbre simultanément (par ex., en utilisant des cases à cocher ou Ctrl+clic) si activé. Si désactivé, seule la sélection unique est autorisée. Effondrement désactivé : si vrai, cela empêche les utilisateurs d'effondrer les nœuds développés. Cela force toutes les branches à rester ouvertes.

Afficher le nombre d'éléments

Si activé, affiche le nombre d'éléments enfants à côté de chaque nœud parent (par ex. "Comptes (5)").

Effondrement désactivé

Cela empêche les utilisateurs d'effondrer les nœuds développés dans l'arbre. Lorsqu'il est réglé sur Cet attribut est, toutes les branches de l'arbre restent ouvertes, et les contrôles d'extension/réduction (typiquement des chevrons ou des icônes plus/moins) sont soit masqués, soit désactivés.

---

Interactions

Au clic sur un élément

Définissez une interaction qui se déclenche lorsqu'un utilisateur clique sur un élément de l'arbre. Actions courantes :

• Naviguer: Aller à la page de détail de l'enregistrement pour l'élément sélectionné.

• Définir la valeur d'une variable: Stocker la valeur de l'élément sélectionné (généralement son ID) dans une ressource Variable.

• Exécuter Flow: Lancer un Flux, en passant les données de l'élément sélectionné en tant que variables d'entrée.

• Afficher Toast: Affiche un message.

Exemple : Afficher les contacts associés sous les comptes

Cet exemple montre comment afficher un arbre où les Comptes sont les nœuds parents, et leurs Contacts associés sont les nœuds enfants. Cela utilise une Requête imbriquée pour récupérer à la fois les Comptes et les Contacts de manière efficace.

1. Créer une requête imbriquée

• Ajouter une requête : Ajouter une nouvelle "Requête imbriquée"

• Objet parent :

  • Sélectionnez Compte en tant que Objet.ç

  • Ajoutez des filtres si nécessaire

  • Effectuez les mappages de données avec l'attribut Label et Metatext

• Objet enfant :

  • Cliquez sur "Ajouter un objet enfant" en cliquant sur la petite flèche à côté du nom de l'objet parent.

  • Sélectionnez Contact en tant que Objet.

  • Effectuez les mappages de données avec l'attribut Label et Metatext.

Maintenant, le composant Arbre affiche les Comptes en tant que nœuds parents. L'expansion d'un nœud Compte révèle ses Contacts associés en tant que nœuds enfants.