Reaktive Komponenten
Überblick
Reaktive Komponenten aktualisieren sich automatisch, wenn Benutzer mit Ihrer Experience-Site interagieren. Wenn ein Benutzer in einer Komponente etwas anklickt oder auswählt, aktualisieren sich andere verbundene Komponenten sofort, um verwandte Informationen anzuzeigen — und schaffen so ein nahtloses, interaktives Erlebnis.
Schlüsselkomponenten
Wie das hilft
Reaktive Komponenten ermöglichen es Ihnen, interaktive Seiten zu erstellen, auf denen Benutzer Daten dynamisch erkunden können. Zum Beispiel kann das Anklicken eines Datensatzes in AX - Datentabelle automatisch eine AX - Karte aktualisieren, um den Standort dieses Datensatzes anzuzeigen, oder eine AX - Zeitachse filtern, um verwandte Aktivitäten zu zeigen — alles ohne Seitenaktualisierungen oder Navigation.
Dadurch entstehen ansprechendere Portal-Erlebnisse, bei denen Informationen sofort basierend auf dem, was Benutzer ansehen oder auswählen, aktualisiert werden
Praktische Anwendungsfälle
Dynamische Kontodetails mit Karten
Konfigurieren Sie eine Avonni-Karte, um Kontostandorte anzuzeigen. Wenn ein Benutzer einen Standort auswählt, erscheinen verwandte Kontodetails (z. B. Name, Beschreibung, Branche) automatisch in einem Avonni-Textblock und bieten eine intuitive Möglichkeit, Daten zu erkunden.
Vernetzte Datentabellen
Richten Sie eine Avonni-Datentabelle ein, um Konten aufzulisten. Die Auswahl eines Kontos veranlasst eine zweite Datentabelle, sich zu aktualisieren und zugehörige Kontakte anzuzeigen, sodass eine nahtlose Navigation durch große Datensätze möglich ist.
Warum reaktive Komponenten wichtig sind
Reaktive Komponenten ermöglichen es Ihrer Experience-Site, auf Elemente zu reagieren und zwischen ihnen zu kommunizieren, wodurch sie dynamischer und benutzerfreundlicher wird. Diese Interaktivität hilft Besuchern, Informationen effizient zu entdecken und darauf zuzugreifen, was zu einem ansprechenderen und produktiveren Erlebnis führt.
Einrichten Ihrer reaktiven Avonni-Komponenten
Integrieren Sie diese reaktiven Komponenten mit einem unkomplizierten Einrichtungsprozess in Ihre Experience-Site, um die Interaktivität zu verbessern:
Was macht eine Komponente "reaktiv"?
Eine Komponente wird reaktiv, indem Sie ihre Daten mit anderen Komponenten verknüpfen und so automatische Aktualisierungen basierend auf Benutzeraktionen ermöglichen. Dies wird mit zwei einfachen Schritten erreicht
Schritte zur Aktivierung der Reaktivität
Benennen Sie Ihre Datenkomponenten (componentApiName)
Weisen Sie jeder Komponente im Eigenschaftenfenster einen eindeutigen Spitznamen zu. Benennen Sie beispielsweise eine Datentabelle, die Konten auflistet, als accountsDatatable.
Warum das? Der Spitzname identifiziert die Komponente für die Reaktivität und ermöglicht anderen Komponenten, auf ihre Daten zu verweisen
Sagen Sie anderen Komponenten, wie sie reagieren sollen
Geben Sie an, welche Komponenten sich aktualisieren sollen, wenn ein Benutzer mit einer anderen interagiert. Verwenden Sie die folgende Syntax in den Eigenschaften der Zielkomponente:text
{{componentApiName.selectedRecord.componentFieldApiName}}Aufschlüsselung:
componentApiName: Der von Ihnen vergebene Spitzname (z. B.accountsDatatable).selectedRecord: Die Zeile oder das Element, das der Benutzer auswählt.componentFieldApiName: Das spezifische Feld, das angezeigt werden soll (z. B.Name,Industry).
Warum das? Diese Syntax verknüpft die ausgewählten Daten (z. B. die
Name) mit einer anderen Komponente und löst eine automatische Aktualisierung aus
Fehlerbehebung bei häufigen Problemen
Geführte Beispiele
Erfahren Sie, wie Sie eine Avonni-Datentabelle und eine Karte in Experience Site verbinden, um Standorte dynamisch basierend auf vom Benutzer ausgewählten Konten anzuzeigen.
Erfahren Sie, wie Sie eine Avonni-Datentabelle für Konten mit einer Kontakte-Tabelle verknüpfen, sodass die Kontakte-Tabelle dynamisch aktualisiert wird, um nur Kontakte für das ausgewählte Konto anzuzeigen
Zuletzt aktualisiert
War das hilfreich?