Reaktive Komponenten
Übersicht
Reaktive Komponenten aktualisieren sich automatisch, wenn Benutzer mit Ihrer Experience Site interagieren. Wenn ein Benutzer in einer Komponente auf etwas klickt oder etwas auswählt, werden andere verbundene Komponenten sofort aktualisiert, um verwandte Informationen anzuzeigen – so entsteht ein nahtloses, interaktives Erlebnis.
Wichtige Komponenten
So hilft das
Mit reaktiven Komponenten können Sie interaktive Seiten erstellen, auf denen Benutzer Daten dynamisch erkunden können. Wenn beispielsweise ein Datensatz in AX - Datentabelle angeklickt wird, kann dies automatisch ein AX - Karte aktualisieren, um den Standort dieses Datensatzes anzuzeigen, oder eine AX - Zeitleiste filtern, um zugehörige Aktivitäten anzuzeigen – alles ohne Seitenaktualisierung oder Navigation.
So entstehen ansprechendere Portal-Erlebnisse, bei denen sich Informationen sofort basierend darauf aktualisieren, was Benutzer ansehen oder auswählen
Praktische Anwendungsfälle
Dynamische Kontodetails mit Karten
Konfigurieren Sie eine Avonni-Karte, um Kontostandorte anzuzeigen. Wenn ein Benutzer einen Standort auswählt, erscheinen zugehörige Kontodetails (z. B. Name, Beschreibung, Branche) automatisch in einem Avonni-Textblock und bieten so eine intuitive Möglichkeit, Daten zu erkunden.
Verknüpfte Datentabellen
Richten Sie eine Avonni-Datentabelle ein, um Konten aufzulisten. Die Auswahl eines Kontos löst ein Update einer zweiten Datentabelle aus, die zugehörige Kontakte anzeigt, und ermöglicht so eine nahtlose Navigation durch große Datensätze.
Warum reaktive Komponenten wichtig sind
Reaktive Komponenten ermöglichen es Ihrer Experience Site, auf Elemente zu reagieren und mit 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.
So richten Sie Ihre reaktiven Avonni-Komponenten ein
Integrieren Sie diese reaktiven Komponenten mit einem unkomplizierten Einrichtungsprozess in Ihre Experience Site, um die Interaktivität zu erhöhen:
Was macht eine Komponente „reaktiv“?
Eine Komponente wird reaktiv, indem ihre Daten mit anderen Komponenten verknüpft werden, sodass automatische Aktualisierungen auf Benutzeraktionen basieren. Dies wird mit zwei einfachen Schritten erreicht
Schritte zum Aktivieren der Reaktivität
Benennen Sie Ihre Datenkomponenten (componentApiName)
Weisen Sie jeder Komponente im Eigenschaftenbereich einen eindeutigen Spitznamen zu. Benennen Sie beispielsweise eine Datentabelle mit Konten als accountsDatatable.
Warum das? Der Spitzname identifiziert die Komponente für die Reaktivität und ermöglicht es anderen Komponenten, auf ihre Daten zu verweisen
Teilen Sie anderen Komponenten mit, wie sie reagieren sollen
Geben Sie an, welche Komponenten aktualisiert werden 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,Branche).
Warum das? Diese Syntax verknüpft die ausgewählten Daten (z. B. das
Name) mit einer anderen Komponente und löst so ein automatisches Update aus
Häufige Probleme beheben
Komponenten werden nicht aktualisiert
Stellen Sie sicher, dass jede Komponente eine eindeutige componentApiName und dass die Syntax ({{componentApiName.selectedRecord.componentFieldApiName}}) korrekt in den Eigenschaften der Zielkomponente eingegeben ist.
Keine Daten angezeigt
Überprüfen Sie, ob die Quellkomponente (z. B., accountsDatatable) Daten enthält und dass die componentFieldApiName mit einem verfügbaren Feld übereinstimmt (z. B., Name).
Verzögerung der Reaktivität
Überprüfen Sie komplexe Datensätze; vereinfachen Sie Abfragen oder reduzieren Sie die Anzahl reaktiver Verknüpfungen, um die Leistung zu verbessern.
Falls die Probleme weiterhin bestehen
Kontaktieren Sie unser Support-Team unter [email protected] für Unterstützung.
Geführte Beispiele
Lernen Sie, eine Avonni-Datentabelle und -Karte in der Experience Site zu verbinden, um Standorte dynamisch basierend auf vom Benutzer ausgewählten Konten anzuzeigen.
Erfahren Sie, wie Sie eine Avonni-Datentabelle für Konten mit einer Kontakttabelle verknüpfen und die Kontakttabelle dynamisch aktualisieren, um nur Kontakte für das ausgewählte Konto anzuzeigen
Zuletzt aktualisiert
War das hilfreich?