Composants réactifs
Aperçu
Les composants réactifs se mettent automatiquement à jour lorsque les utilisateurs interagissent avec votre Experience Site. Lorsqu’un utilisateur clique ou sélectionne quelque chose dans un composant, les autres composants connectés s’actualisent instantanément pour afficher des informations connexes, créant ainsi une expérience fluide et interactive.
Comment cela aide
Les composants réactifs vous permettent de créer des pages interactives où les utilisateurs peuvent explorer les données de manière dynamique. Par exemple, cliquer sur un enregistrement dans AX - Tableau de données peut mettre automatiquement à jour un AX - Carte pour afficher l’emplacement de cet enregistrement, ou filtrer une AX - Chronologie pour afficher les activités associées, le tout sans actualisation de page ni navigation.
Cela crée des expériences de portail plus engageantes, où les informations se mettent à jour instantanément en fonction de ce que les utilisateurs consultent ou sélectionnent
Cas d'utilisation pratiques
Détails de compte dynamiques avec des cartes
Configurez une carte Avonni pour afficher les emplacements des comptes. Lorsqu’un utilisateur sélectionne un emplacement, les détails du compte associés (par ex., nom, description, secteur) apparaissent automatiquement dans un bloc de texte Avonni, offrant une manière intuitive d’explorer les données.
Tableaux de données interconnectés
Configurez un tableau de données Avonni pour répertorier les comptes. La sélection d’un compte déclenche la mise à jour d’un second tableau de données, qui affiche les contacts associés, permettant une navigation fluide dans de grands ensembles de données.
Pourquoi les composants réactifs sont importants
Les composants réactifs permettent à votre Experience Site de réagir et de communiquer entre les éléments, le rendant ainsi plus dynamique et plus convivial. Cette interactivité aide les visiteurs à découvrir et à accéder aux informations efficacement, pour une expérience plus engageante et productive.
Configuration de vos composants Avonni réactifs
Intégrez ces composants réactifs à votre Experience Site grâce à un processus de configuration simple pour améliorer l’interactivité :
Qu’est-ce qui rend un composant « réactif » ?
Un composant devient réactif en reliant ses données à celles d’autres composants, ce qui permet des mises à jour automatiques en fonction des actions de l’utilisateur. Cela se fait en deux étapes simples
Étapes pour activer la réactivité
Nommez vos composants de données (componentApiName)
Attribuez à chaque composant un surnom unique dans le panneau Propriétés. Par exemple, nommez un tableau de données répertoriant les comptes accountsDatatable.
Pourquoi cela ? Le surnom identifie le composant pour la réactivité, ce qui permet aux autres composants de référencer ses données
Indiquez aux autres composants comment réagir
Indiquez quels composants doivent se mettre à jour lorsqu’un utilisateur interagit avec un autre. Utilisez la syntaxe suivante dans les propriétés du composant cible : texte
{{componentApiName.selectedRecord.componentFieldApiName}}Détail :
componentApiName: Le surnom que vous avez attribué (par ex.,accountsDatatable).selectedRecord: La ligne ou l’élément sélectionné par l’utilisateur.componentFieldApiName: Le champ spécifique à afficher (par ex.,Nom,Secteur).
Pourquoi cela ? Cette syntaxe relie les données sélectionnées (par ex., celles d’un compte
Nom) à un autre composant, déclenchant une mise à jour automatique
Dépannage des problèmes courants
Exemples guidés
Apprenez à connecter un tableau de données et une carte Avonni dans Experience Site afin d’afficher dynamiquement des emplacements en fonction des comptes sélectionnés par l’utilisateur.
Découvrez comment lier un tableau de données Avonni pour les comptes à un tableau des contacts, en mettant à jour dynamiquement le tableau des contacts pour n’afficher que les contacts du compte sélectionné
Mis à jour
Ce contenu vous a-t-il été utile ?