AX - Tree Grid
AX - Baumraster ist eine Experience Cloud-Komponente, die hierarchische Daten in einer Baumstruktur auf Experience-Sites-Seiten (früher Community Cloud) mit erweiterbaren und einklappbaren Zeilen sowie optionaler Zeilenauswahl anzeigt.
Übersicht
Verwenden Sie das Baumraster, um Eltern-Kind-Daten (Konten und die dazugehörigen Kontakte, Kategorien und Unterkategorien oder beliebige verschachtelte Datensätze) in einer einzigen Tabelle darzustellen, in der Benutzer Zeilen erweitern und einklappen, um die Hierarchie zu durchsuchen. Jede Spalte wird einem Feld aus Ihrer Datenquelle zugeordnet, und Zeilen können ausgewählt, sortiert und paginiert werden.

Konfiguration
Fügen Sie die Komponente in Experience Builder zu Ihrer Seite hinzu und konfigurieren Sie sie dann über das Eigenschaftenpanel rechts.
Datenquelle
Im Abschnitt Datenquelle verbinden Sie das Baumraster mit Ihren Daten. Es sind zwei Quellentypen verfügbar.
Manuell
Geben Sie die Zeilen und ihre Spalten direkt im Builder ein.
Ideal für nicht-dynamische Daten, Tests und Demos.
Abfrage
Erstellen Sie eine Abfrage, die Salesforce-Objektfelder den Spalten der Tabelle zuordnet.
Geeignet für dynamische Daten in Echtzeit.
Die Hierarchie erstellen
Abfrage: wählen Sie das übergeordnete Objekt in Objekt-API-Name, und fügen Sie dann jedes zugehörige untergeordnete Objekt unter Elemente mit Element hinzufügen. Jedes Objekt im Abfragebaum wird zu einer Ebene erweiterbarer Zeilen, und eine übergeordnete Zeile lädt ihre untergeordneten Elemente, wenn der Benutzer sie erweitert.
Manuell: definieren Sie die Spalten (jede mit einem Beschriftung und einem Name), wählen Sie den Schlüsselfeld aus, der jede Zeile eindeutig identifiziert, und geben Sie dann die Zeilen ein und fügen Sie unter einer Zeile untergeordnete Zeilen hinzu, um die Verschachtelung zu erstellen.

Datenzuordnung
Für eine Abfrage Quelle definieren Sie die Spalten der Tabelle in Datenzuordnungen. Jede Spalte ist entweder ein Objektfeld, das ein Feld aus einem Objekt in der Hierarchie anzeigt (setzen Sie sein Objekt-API-Name, dann sein Quellfeld), oder Benutzerdefinierteine Spalte ohne zugrunde liegendes Feld (identifiziert durch ihren Name). Für jede Spalte können Sie festlegen:
Quellfeld: das Feld, an das die Spalte gebunden ist.
Beschriftung: der Text, der in der Spaltenüberschrift angezeigt wird. Aktivieren Sie Benutzerdefinierte Bezeichnung um die eigene Bezeichnung des Felds zu überschreiben.
Typ: wie der Wert formatiert und bearbeitet wird (
Textstandardmäßig). Es sind über 30 Typen verfügbar, darunter Text, Zahl, Währung, Datum, Prozent, E-Mail, Telefon, URL, Badge, Avatar, Fortschrittsbalken, Bewertung und Rich Text, mit typspezifischen Attributen für den ausgewählten Typ. Die Aktion, Schaltfläche und Schaltfläche-Symbol Typen fügen Zeilenaktionen hinzu (siehe unten).Symbolname: ein Symbol für die Spalte.
Sortierbar: ob Benutzer die Tabelle nach dieser Spalte sortieren können.
Text umbrechen: ob langer Zelltext umbrochen statt abgeschnitten wird. Verfügbar für die Typen Währung, Datum, E-Mail, Standort, Zahl, Prozent, Telefon, Text, Zeit und URL.
Ausgeblendet: ob die Spalte ausgeblendet ist.
Anfängliche Breite (erweiterte Einstellung): die Startbreite der Spalte.
Zellenattribute: die Inhaltsausrichtung sowie ein optionales Zellsymbol und dessen Position. Nur für einige Typen verfügbar.
Ein Manuell Spalten einer Quelle verwenden nur ein Beschriftung und einem Name und zeigen ihre Werte als Text an.
Die erste Spalte ist immer die Baumspalte: Sie zeigt das Erweiterungssymbol und die Bezeichnung jeder Zeile an, unabhängig davon, welchen Typ Sie dafür festlegen.
Zeilenaktionen
Spalten vom Typ Aktion, Schaltfläche oder Schaltfläche-Symbol haben ihre eigene Bei Klick Interaktion, die mit der angeklickten Zeile als {{Record.<field>}}ausgeführt wird. Verwenden Sie sie, um einen Datensatz zu öffnen, einen Flow zu starten oder eine andere Interaktion aus einer Zeile heraus auszuführen.
Allgemein
API-Name ist eine eindeutige Kennung, die zum Referenzieren der Komponente verwendet wird (3 bis 30 Zeichen; Buchstaben, Ziffern, Unterstriche und Bindestriche).
Tabellenkopf ausblenden entfernt die Kopfzeile der Tabelle, und Checkbox-Spalte ausblenden entfernt die Spalte, die für die Zeilenauswahl verwendet wird. Anzahl ausgewählter Elemente anzeigen zeigt im Kopfbereich "N Elemente ausgewählt" an, während Zeilen ausgewählt sind. Immer wenn Zeilen ausgewählt sind, bietet der Kopfbereich außerdem einen Auswahl löschen Link.
Zeilennummernspalte anzeigen fügt eine Spalte hinzu, die jede Zeile nummeriert, und Offset der Zeilennummer verschiebt diese Nummerierung: Die erste Zeile zeigt den Offset plus eins an (standardmäßig 0, sodass die Nummerierung bei 1 beginnt).
Kopfzeile
Header-Titel und Header-Untertitel fügen Sie oberhalb der Tabelle einen Titel und eine unterstützende Beschriftung hinzu; Textstil des Überschriftstitels und Textstil des Untertitels legen Sie den Textstil von beiden fest (ein Überschriften- oder Absatzstil). Name des Kopfzeilensymbols fügt ein Symbol neben dem Titel hinzu, und Größe des Kopfzeilensymbols legt dessen Größe fest (xx-klein bis groß, mittel standardmäßig). Kopfzeile ist verbunden entfernt die untere Abrundung und den Schatten des Kopfbereichs, sodass er bündig mit der Tabelle darunter abschließt.

Spaltenbreiten
Modus der Spaltenbreiten wählt fest oder automatisch Spaltenbreiten. Maximale Spaltenbreite (standardmäßig 1000 px) und Minimale Spaltenbreite (standardmäßig 50 px) legen die Breitenlimits fest, und Spaltenanpassung deaktiviert deaktiviert das manuelle Ändern der Spaltenbreite.
Umschaltsymbol für Zeilen
Legen Sie die Symbole fest, die zum Erweitern und Einklappen einer Zeile verwendet werden: Name des geöffneten Symbols wird angezeigt, wenn eine Zeile geöffnet ist (utility:chevrondown standardmäßig) und Name des geschlossenen Symbols wenn sie geschlossen ist (utility:chevronright standardmäßig). Beide akzeptieren einen Symbolnamen aus dem Lightning Design System.
Header-Aktionen
Konfigurieren Sie Aktionsschaltflächen, die im Tabellenkopf angezeigt werden. Jede Aktion hat ein Beschriftung, eine Name, eine Symbolname, ein Hover- Titel, und Alternativtext für das Schaltflächensymbol (eine erweiterte Einstellung). Konfigurieren Sie im Bei Klick Abschnitt, was jede Schaltfläche tut: Toast anzeigen, Navigieren, Herunterladen, Alert-Dialog öffnen, Bestätigungsdialog öffnen, Flow-Dialog öffnen oder Alle Abfragen aktualisieren. Jede hat ihre eigene Seite unter Interaktionen, zum Beispiel Navigieren. Sichtbare Aktionsschaltflächen legt fest, wie viele Aktionsschaltflächen angezeigt werden, bevor der Rest in ein Menü zusammenklappt.
Paginierung
Anzahl zusätzlicher Zeilen (standardmäßig 100, von 1 bis 500) legt für eine Abfrage Quelle fest, wie viele weitere Zeilen jedes Mal geladen werden, wenn der Benutzer das Ende einer Ebene erreicht. Das Laden weiterer Zeilen ist in der Vorschau von Experience Builder nicht aktiv.
Sortieren
Standard-Sortierrichtung legt die Richtung fest (Aufsteigend oder Absteigend) die angewendet wird, wenn eine Spalte zuerst sortiert wird.
Keine-Ergebnisse-Nachricht
Keine-Ergebnisse-Nachricht ersetzt den standardmäßigen Leerzustand durch Ihren eigenen Text, wenn die Datenquelle keine Zeilen zurückgibt. Attribute der Keine-Ergebnisse-Nachricht steuert, was dieser Leerzustand anzeigt: Keine-Ergebnisse-Bild ausblenden entfernt die Illustration und Keine-Ergebnisse-Nachricht ausblenden entfernt den Text. Beide sind standardmäßig deaktiviert.
Formatierung
Steuert den äußeren Abstand um die Komponente.
Steuert den inneren Abstand der Komponente.
Steuert die Abmessungen der Komponente.
Steuert den Rahmen um das Baumraster (Farbe / Größe / Stil / Radius).
Legt die Hintergrundfarbe des Kopfbereichs, dessen inneren Abstand und den Abstand darunter fest.
Legt Farbe, Schriftgröße, Schriftschnitt und Stil des Rahmens des Kopfbereichs fest sowie den unteren Rahmen, der verwendet wird, wenn Kopfzeile ist verbunden aktiviert ist.
Legt Farbe, Schriftgröße, Schriftschnitt und Schriftstil des Titels im Kopfbereich fest.
Legt Farbe, Schriftgröße, Schriftschnitt und Schriftstil der Beschriftung im Kopfbereich fest.
Gestaltet den Dialog oder das Seitenpanel, das von einem Flow-Dialog öffnen oder Flow-Panel öffnen Interaktion in vier Gruppen: Flow-Dialog-Kopfzeile, Flow-Dialog-Fußzeile, Flow-Panel und Flow-Panel-Kopfzeile.
Zuletzt aktualisiert
War das hilfreich?
