Dynamisation de vos éléments d'écran avec la réactivité
Utilisez des composants d'écran de flux, des formules et des actions d'écran pris en charge pour mettre à jour les composants d'écran en temps réel sans quitter l'écran. Avec cette réactivité, vous pouvez élaborer des écrans semblables à des applications à page unique et réduire le nombre d'écrans que les utilisateurs doivent parcourir pour effectuer les tâches. Cette réactivité est prise en charge avec l'API version 59.0 et supérieure.
Éditions requises
| Afficher les éditions prises en charge. |
Avant de créer une interaction réactive dans un écran, définissez le composant d'écran source de l'interaction et le composant réactif aux modifications de la source. Prenons par exemple un écran contenant trois composants :
- Deux composants Curseur permettent aux utilisateurs de sélectionner des valeurs
- Un composant Numérique affiche la somme des valeurs que l'utilisateur sélectionne dans les composants Curseur
Dans ce scénario, les composants Curseur sont les sources de l'interaction réactive et le composant Numérique réagit aux modifications des sources. Notez que les trois composants de l'interaction réactive produisent des valeurs de type numérique. Pour que les interactions réactives fonctionnent, les valeurs source et réactive doivent être de même type.
Pour élaborer un écran réactif, le plus simple est d'utiliser un composant standard. Si vous utilisez des composants de flux personnalisés, assurez-vous de consulter les exemples de réactivité dans Lightning Web Components Developer Guide.
- Créez un flux d’écran et ajoutez-lui un élément Écran.
-
Dans l'élément Écran, ajoutez et configurez le composant source de l'interaction réactive.
Par exemple, ajoutez et configurez un composant Tableau de données qui affiche la liste des noms que l'utilisateur peut choisir.
-
Ajoutez et configurez le composant qui réagit aux modifications du composant source.
Par exemple, ajoutez un composant Nom et définissez le champ Prénom sur DataTableAPIName.firstSelectedRow.FirstName. Le composant Nom affiche la valeur Prénom de la première ligne que l'utilisateur sélectionne dans le Tableau de données.
- Enregistrez et exécutez le flux.
En ajoutant la réactivité à vos écrans, tenez compte des comportements suivants :
- Les sorties manuelles de composants ne prennent pas en charge la réactivité. Si vous définissez manuellement une sortie de composant, cette variable ne change pas sur le même écran lorsqu'elle est référencée dans d'autres composants.
- Le texte et les étiquettes d'aide ne réagissent pas aux modifications des autres composants. Cette considération ne s'applique pas aux étiquettes de Composant Web Lightning personnalisé configurées pour répondre à des événements dans d'autres composants.
- Les types de données doivent correspondre lorsque vous mappez une sortie avec l'entrée d'un autre composant pour prendre en charge la réactivité.
- Si des règles de validation existent pour des composants personnalisés, les modifications réactives ne déclenchent pas de validation.
- La variable globale $Flow est réactive. Toutes les autres variables globales, notamment les étiquettes personnalisées, les paramètres personnalisés, $Organization et $Profile, ne sont pas réactives.
- Lors du mappage d'un champ
DateTimeavecTime, la valeur est convertie en heure GMT et reste convertie lors de la navigation entre les écrans. Si elle est mappée avec un champDateTime, le paramètre régional est préservé. Par exemple, si la valeur Heure est 8:00 dans vos paramètres régionaux, l'heure GMT décalée de plusieurs heures par rapport à vos paramètres régionaux (par exemple 16:00). Pour plus d'informations sur la conversion entre des valeurs de date/heure et de texte et date/heure dans les fuseaux horaires, consultez Note sur la date/heure et les fuseaux horaires : Utilisation de valeurs Date, de Date/Heure et d'Heure dans des formules
- Obtention ou traitement de données dans un élément d'écran avec des actions d'écran
Les actions d'écran dynamisent vos éléments d'écran en utilisant un flux lancé automatiquement pour récupérer ou traiter des données. Elles réduisent la nécessité d'ajouter des éléments entre les écrans et, pour les utilisateurs, de basculer entre les écrans pour observer les mises à jour des données. Comme les utilisateurs cliquent sur moins d'écrans, ils peuvent terminer un flux d'écran plus rapidement. De plus, ils bénéficient d'écrans qui réagissent à leurs interactions, augmentant ainsi leur engagement. - Composants de flux d'écran réactifs
Un sous-ensemble des composants de flux d'écran dans Salesforce prend en charge la réactivité. - Opérateurs de formule de flux d'écran réactifs
Certains opérateurs de formule pris en charge dans les flux d'écran prennent en charge la réactivité. - Recommandations relatives à l'élaboration d'écrans réactifs
Lorsque vous élaborez des flux d'écran avec des composants et des formules réactifs, tenez compte des recommandations ci-dessous. - Exemple de calcul et d'affichage d'une remise sur un seul écran
Cet exemple crée un flux d'écran unique qui utilise des composants d'écran réactifs pour permettre aux commerciaux de calculer et d'afficher instantanément les remises sur les produits. - Récupération d'opportunités pour un exemple de compte sélectionné
Cet exemple crée un flux d'écran qui permet aux utilisateurs de sélectionner un compte, de déclencher un flux pour récupérer les opportunités associées et d'afficher instantanément les résultats dans un tableau, le tout sur un écran unique.
