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 se rafraîchissent instantanément pour afficher des informations connexes — créant une expérience fluide et interactive.
Composants clés
Les composants réactifs sont :
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 automatiquement mettre à jour une AX - Carte pour afficher l'emplacement de cet enregistrement, ou filtrer une AX - Frise chronologique pour afficher des activités liées — le tout sans actualisation de la page ni navigation.
Cela crée des expériences de portail plus engageantes où l'information se met à jour instantanément en fonction de ce que les utilisateurs consultent ou sélectionnent
Cas d'utilisation pratiques
Détails dynamiques des comptes avec 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 un moyen intuitif d'explorer les données.
Tableaux de données interconnectés
Configurez un tableau de données Avonni pour lister les comptes. La sélection d'un compte déclenche la mise à jour d'un second tableau de données pour afficher 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épondre et de communiquer entre les éléments, le rendant plus dynamique et convivial. Cette interactivité aide les visiteurs à découvrir et accéder efficacement aux informations, conduisant à une expérience plus engageante et productive.
Configurer vos composants Avonni réactifs
Intégrez ces composants réactifs à votre Experience Site avec 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 liant ses données à d'autres composants, permettant des mises à jour automatiques basées sur les actions des utilisateurs. Cela s'obtient en deux étapes simples
Étapes pour activer la réactivité
Nommez vos composants de données (componentApiName)
Attribuez un surnom unique à chaque composant dans le panneau des propriétés. Par exemple, nommez un tableau de données listant les comptes accountsDatatable.
Pourquoi ceci ? Le surnom identifie le composant pour la réactivité, permettant aux autres composants de référencer ses données
Indiquez aux autres composants comment réagir
Spécifiez 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 :
{{componentApiName.selectedRecord.componentFieldApiName}}Décomposition :
componentApiName: Le surnom que vous avez attribué (par ex.,accountsDatatable).selectedRecord: La ligne ou l'élément que l'utilisateur sélectionne.componentFieldApiName: Le champ spécifique à afficher (par ex.,Nom,Secteur).
Pourquoi ceci ? Cette syntaxe lie les données sélectionnées (par ex., le
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 Avonni et une carte dans Experience Site pour afficher dynamiquement des emplacements en fonction des comptes sélectionnés par l'utilisateur.
Découvrez comment relier un tableau de données Avonni pour les comptes à un tableau Contacts, mettant à jour le tableau Contacts dynamiquement pour n'afficher que les contacts du compte sélectionné
Mis à jour
Ce contenu vous a-t-il été utile ?