Zeigen Sie Inhalte dynamisch mit bedingten Renderern an

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 1 Minute Lesedauer
  • Verwenden Sie die Komponente des bedingten Renderers, um Inhalte oder Komponenten basierend auf angegebenen Bedingungen anzuzeigen.

    Vorbereitungen

    Erforderliche Rolle: ui_builder_admin

    Prozedur

    1. Navigieren zu Alle > Now-Experience-Framework > UI Builder.
    2. Öffnen Sie eine Experience, um darin zu arbeiten, oder erstellen Sie eine Experience, indem Sie auswählen Erstellen > Experience.
      Weitere Informationen zum Erstellen von Experiences finden Sie unter Konfigurieren Sie, wie Benutzer in mit Ihren Anwendungen interagieren UI Builder.
    3. Erstellen oder öffnen Sie eine Seite oder Seitenvariante.
      Weitere Informationen zum Erstellen einer Seite in UI Builder finden Sie unter Seite in UI Builder erstellen.
    4. Wählen Sie in der Inhaltsstruktur die Option + Inhalt hinzufügen aus.
    5. Wählen Sie Komponentenaus.
    6. Wählen Sie Bedingter Rendereraus.
    7. Wählen Sie + Bedingung hinzufügen aus.
    8. Wählen Sie aus, wie Sie die Bedingung erstellen möchten.
      Typ der Bedingung Beschreibung
      Leerer Container Erstellen Sie eine Bedingung, indem Sie Komponenten in einem leeren Container platzieren.
      Karte Erstellen Sie eine Bedingung, indem Sie Komponenten in einer Kartenkomponente platzieren.
      Einzelne Komponente Fügen Sie eine Bedingung direkt ohne Verwendung eines Containers oder einer Karte einer Komponente hinzu. Dies funktioniert gut, um eine einzelne Komponente nur anzuzeigen, wenn die Bedingung „wahr“ ist.
    9. Wahlweise: Wählen Sie eine Komponente aus der Liste aus, wenn Sie im vorherigen Schritt Einzelne Komponente ausgewählt haben.
    10. Füllen Sie die Felder des Formulars aus.
      Feld Beschreibung
      Komponentenbezeichnung Bezeichnung zum Identifizieren des bedingten Inhalts.
      Komponenten-ID Eindeutiger Bezeichner, der beim Binden von Daten verwendet wird.
      Beschreibung (optional) Beschreibung der Bedingung
      Inhalt rendern Wählen Sie aus, wann der Inhalt auf der Seite gerendert werden soll.
      Bedingung Verwenden Sie Daten oder Formeln, um die Bedingung für das Rendern von Inhalten festzulegen. Das Feld erfordert einen booleschen Wert vom Typ „true“.
    11. Wählen Sie Übernehmen.
    12. Wahlweise: Fügen Sie dem Container oder der Karte Komponenten hinzu.
      Weitere Informationen zum Hinzufügen von Komponenten finden Sie unter Passen Sie die Seiten UI Builder mithilfe von Komponenten an.
    13. Konfigurieren Sie die Komponenten im bedingten Renderer.
    14. Wählen Sie Speichern.