Uw schermelementen dynamisch maken met reactiviteit
Gebruik ondersteunde stroomschermcomponenten, formules en schermacties om schermcomponenten in realtime bij te werken zonder het scherm te verlaten. Met deze reactiviteit kunt u schermen samenstellen die aanvoelen als toepassingen van één pagina en het aantal schermen reduceren waarin gebruikers moeten navigeren om taken te voltooien. Deze reactiviteit wordt ondersteund met API-versie 59.0 en hoger.
Vereiste editions
| Ondersteunde editions weergeven. |
Voordat u een reactieve interactie op een scherm maakt, bepaalt u welke schermcomponent de bron van de interactie is en welke component reageert op wijzigingen in de bron. Denk bijvoorbeeld aan een scherm met drie componenten:
- Twee componenten van de schuifregelaar waarmee gebruikers waarden kunnen selecteren
- Een component Getal die de som weergeeft van de waarden die de gebruiker selecteert in de componenten Schuifregelaar
In dit scenario zijn de componenten Schuifregelaar de bronnen van de reactieve interactie en reageert de component Getal op wijzigingen in de bronnen. Alle drie componenten in de reactieve interactie produceren waarden van het typenummer. Reactieve interacties werken alleen als de bron- en reactieve waarden van hetzelfde type zijn.
Als u een reactief scherm wilt samenstellen, kunt u het best een standaard component gebruiken. Als u aangepaste stroomcomponenten gebruikt, controleert u de voorbeelden van reactiviteit in de Lightning Web Components Developer Guide.
- Maak een schermstroom en voeg er een element Scherm aan toe.
-
Voeg in het element Scherm de component toe en configureer deze als bron voor de reactieve interactie.
Voeg bijvoorbeeld een component Gegevenstabel toe en configureer deze, die een lijst van namen weergeeft waaruit de gebruiker kan kiezen.
-
Voeg de component toe en configureer deze die reageert op wijzigingen in de broncomponent.
Voeg bijvoorbeeld een component Naam toe en stel het veld Voornaam in op DataTableAPIName.firstSelectedRow.FirstName. De component Naam geeft de waarde Voornaam weer van de eerste rij die de gebruiker selecteert in de gegevenstabel.
- Sla de stroom op en voer deze uit.
Denk bij het toevoegen van reactiviteit aan uw schermen aan de volgende werkingen:
- Handmatige uitvoer van componenten ondersteunt reactiviteit niet. Als u de uitvoer van een component handmatig instelt, wijzigt die variabele niet op hetzelfde scherm wanneer ernaar wordt verwezen in andere componenten.
- Help-tekst en labels reageren niet op wijzigingen in andere componenten. Deze overweging is niet van toepassing op labels in aangepaste Lightning webcomponenten die zijn geconfigureerd om te reageren op events in andere componenten.
- Gegevenstypen moeten overeenkomen wanneer u een uitvoer toewijst aan de invoer van een andere component om reactiviteit te ondersteunen.
- Als er validatieregels bestaan voor aangepaste componenten, triggeren reactieve wijzigingen geen validatie.
- De globale variabele $Flow is reactief. Alle andere globale variabelen zoals Aangepaste labels, Aangepaste instellingen, $Organization, $Profile zijn niet reactief.
- Wanneer u een
DateTimetoewijst aanTime, wordt de waarde geconverteerd naar GMT en blijft deze geconverteerd wanneer u tussen schermen navigeert. Indien toegewezen aan eenDateTime, blijft de omgeving behouden. Als de tijdwaarde bijvoorbeeld 08:00 uur is in uw omgeving, kan de geconverteerde GMT-tijd meerdere uren afwijken van uw omgevingstijd (bijvoorbeeld 16:00 uur). Raadpleeg de opmerking over datum/tijd en tijdzones voor informatie over conversies tussen datum/tijd en tekst en datum/tijd in tijdzones: Gebruik van waarden voor Datum, Datum/tijd en Tijd in formules
- Gegevens ophalen of verwerken binnen een schermelement met schermacties
Schermacties maken uw schermelementen dynamisch door middel van een automatisch gestarte stroom voor het ophalen of verwerken van gegevens. Schermacties verminderen de noodzaak voor u om elementen toe te voegen tussen schermen en verminderen de noodzaak voor gebruikers om te schakelen tussen schermen om gegevensupdates te observeren. Omdat gebruikers op minder schermen klikken, kunnen ze een schermstroom sneller voltooien. Gebruikers profiteren ook van schermen die reageren op hun interacties, waardoor hun betrokkenheid toeneemt. - Reactieve schermstroomcomponenten
Een subset van de schermstroomcomponenten in Salesforce ondersteunt reactiviteit. - Operatoren van reactieve schermstroomformules
Een subset van de operatoren voor formules die worden ondersteund in schermstromen, ondersteunt reactiviteit. - Aanbevelingen voor het samenstellen van reactieve schermen
Wanneer u schermstromen samenstelt met reactieve componenten en formules, houdt u deze aanbevelingen in gedachten. - Een korting berekenen en weergeven op één scherm, voorbeeld
Dit voorbeeld maakt één schermstroom die reactieve schermcomponenten gebruikt om verkoopvertegenwoordigers onmiddellijk productkortingen te laten berekenen en weergeven. - Opportunities ophalen voor een geselecteerde account, voorbeeld
Dit voorbeeld maakt een schermstroom waarmee gebruikers een account kunnen selecteren, een stroom kunnen activeren om gerelateerde opportunities op te halen en de resultaten onmiddellijk in een tabel kunnen weergeven—alles binnen één scherm.
