Fügen Sie Repeater zu Komponenten hinzu

In UI Builder, Verwenden Sie Repeater, um eine oder mehrere Komponenten mit Ergebnissen aus einer Datenressource zu wiederholen.

Vorbereitungen

Erforderliche Rolle: ui_Builder_admin

Warum und wann dieser Vorgang ausgeführt wird

Die Repeater-Komponente fungiert als einfache Schleife, die die Daten wiederholt, die Sie in mehreren Komponenten in angeben UI Builder. Repeater verwenden ein Array oder ein Array von Objekten. Beispiel: Das Array [{"Aufgabe": "A"},{"Aufgabe": "B"}] Wiederholt den darin enthaltenen Inhalt zweimal. Repeater ermöglichen Ihnen Folgendes BindenWerte für eine Daten-Array-Eigenschaft. @Item.value.{property_Name} Bindet die Werte an die Komponente innerhalb der Repeater. Wenn Sie eine Aufgabe binden möchten, können Sie sie als binden @Item.value.Task , Und der Repeater zeigt den richtigen Wert an.

Komponenten in einem Repeater wiederholen die Anzahl der Elemente in der Datenquelle, unabhängig davon, ob die Komponentenausgabe dynamisch gestaltet wird oder nicht. Nehmen Sie beispielsweise an, dass Sie eine Headerkomponente in einem Repeater mit drei Datenelementen platzieren, aber das Feld „Bezeichnung“ nicht ändern. Dann werden drei Instanzen des Headers mit derselben Ausgabebezeichnung angezeigt.

Prozedur

1. Navigieren zu Alle > Now-Experience-Framework > UI Builder.
2. Öffnen Sie eine Experience, in der Sie arbeiten können, oder erstellen Sie eine Experience, indem Sie auswählen Erstellen > Experience.
   Siehe Konfigurieren Sie, wie Anwender mit Ihren Anwendungen in interagieren UI BuilderWeitere Informationen zum Erstellen von Experiences.
3. Öffnen Sie den Editor für die Seite, auf der Sie den Repeater hinzufügen möchten.
   Wenn Sie keine Seite für Ihre Experience erstellt haben, finden Sie unter Erstellen Sie eine Seite in UI BuilderFür weitere Informationen zum Erstellen einer Seite.
4. Verbinden Sie eine Datenressource mit Ihrer Seite.

   Fügen Sie beispielsweise hinzu Suchen Sie nach mehreren Datensätzen Datenressource zu Ihrer Seite. Siehe Fügen Sie einer Seite Datenressourcen hinzu, und konfigurieren Sie sieWeitere Informationen zum Verbinden einer Datenressource.

   1. Wählen Sie im Datenressource-Drawer die Option aus + Datenressource hinzufügen .
   2. Suchen Sie im Modal nach Suchen Sie nach mehreren Datensätzen Datenressource und auswählen Hinzufügen .
   3. In Tabelle Feld eingeben Incident .
   4. In Max. Ergebnisse Feld eingeben 5 .

      Die Suchen Sie nach mehreren Datensätzen Datenressource ist konfiguriert.

      
   5. Schließen Sie das modale Element.
5. Wählen Sie einen vorhandenen Container aus, oder erstellen Sie ein Spaltenlayout.
   Weitere Informationen finden Sie unter Komponenten in UI Builder-Seiten organisieren.
6. Fügen Sie der Seite die Repeater-Komponente hinzu.
   

   Informationen zum Hinzufügen von Komponenten finden Sie unter Komponenten hinzufügen und konfigurieren.

7. In Konfigurieren Registerkarte auswählen Keine: Konfigurieren Sie die Komponente manuell .
8. In Konfigurieren Fügen Sie ein Array hinzu, das die Daten für wiederholte Komponenten definiert.
   1. Zeigen Sie auf Daten-Array Und wählen Sie das Symbol „Daten binden“ aus ( ).
   2. Unter Datentypen , Auswählen Datenressource .
   3. Wählen Sie in der nächsten Spalte aus Suchen Sie nach mehreren Datensätzen 1 Pille.
   4. Unter Pillenansicht , Doppelklicken oder Ziehen Ergebnisse Um hinzuzufügen @Data.Look_up_multiple_Records_1.results Ausgabe.
   5. Wählen Sie Übernehmen.

      Die Ergebnisse aus der Datenressource sind an die Repeater-Komponente gebunden. Innerhalb des Repeaters stellt eine Komponente jedes Ergebnis dar.

      
9. Wählen Sie unter dem Repeater, den Sie im vorherigen Schritt hinzugefügt haben, die Option aus + Inhalt hinzufügen .
   
10. Fügen Sie ein hinzu Überschrift Komponente.
11. In Konfigurieren Registerkarte auswählen Keine: Konfigurieren Sie die Komponente manuell .
12. Konfigurieren Sie die Komponente, die Sie im Repeater geschachtelt haben.

    Binden Sie beispielsweise an Anzeigewert Zur Komponente. Weitere Informationen finden Sie unter Daten mit Ihren Komponenten verbinden.

    1. Bewegen Sie Ihren Cursor zu Bezeichnung Feld und wählen Sie das Symbol „Daten binden“ aus ( ).
    2. Unter Datentypen , Auswählen Repeater .
    3. Unter Pillenansicht , Wählen Sie aus Wert Pille.
    4. Wählen Sie in der nächsten Spalte aus Nummer Pille.
    5. Doppelklicken oder ziehen Sie in der nächsten Spalte Anzeigewert Um hinzuzufügen @Item.value.number.DisplayWert Ausgabe.
    6. Wählen Sie Übernehmen.

       Die Anzeigewert Ist an die Überschriftenkomponente gebunden.

       
13. Wählen Sie Speichern.

    Die an die Datenressource gebundene Komponente wird in der Phase angezeigt und fünfmal wiederholt, einmal für jedes Ergebnis, das aus der Incident-Tabelle zurückgegeben wird.

    
14. Zeigen Sie Ihre Seite an, und testen Sie sie, indem Sie auswählen Vorschau Schaltfläche.
    Eine Registerkarte wird geöffnet, um die Seitenvorschau mit wiederholten Daten anzuzeigen.