---
sourceDocument: Yokohama Erstellen oder ändern Sie Anwendungen
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/yokohama/application-development

 Release :

    - yokohama

ft:locale :

    - de-DE

ft:publication_title :

    - Yokohama Erstellen oder ändern Sie Anwendungen

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Creator


---

Rufen Sie Daten aus mehreren Quellen ab
=======================================

Rufen Sie Daten aus mehreren Quellen ab {#ariaid-title1}
========================================================

* Freigeben Version: Yokohama
* 
* Aktualisiert 30. Januar 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 6 Minuten Lesedauer

Erfahren Sie, wie Sie Daten aus verschiedenen Quellen abrufen, um sie in einer einzigen Komponente zu verwenden.

Vorbereitungen
--------------

Erforderliche Rolle: ui_builder_admin

Warum und wann dieser Vorgang ausgeführt wird
---------------------------------------------

Platzieren Sie die Kartenbasis-Container-Komponente in einem Repeater, und verwenden Sie eine Datenkonfiguration für mehrere Tabellen, um alle aktiven Incidents und Probleme darzustellen, die in den letzten zwei Jahren erstellt wurden.

Prozedur
--------

1. Navigieren zu AlleNow-Experience-FrameworkUI Builder.
2. Öffnen Sie eine Experience, um darin zu arbeiten, oder erstellen Sie eine Experience, indem Sie Erstellen \> Experiencewählen.  
   Weitere Informationen zum Erstellen von Experiences finden Sie unter [Konfigurieren Sie, wie Benutzer in mit Ihren Anwendungen interagieren UI Builder](https://servicenow-prod.fluidtopics.net/CeZNVGqy8eTZVd2gZsb4ng "Erfahren Sie, was eine Experience in UI Builderist. Verstehen, was eine Experience enthält.").
3. Erstellen Sie eine Seite von Grund auf neu.  
   Weitere Informationen zum Erstellen einer Seite finden Sie unter [Seite in UI Builder erstellen](https://servicenow-prod.fluidtopics.net/tyY0expe_RF~OkSQQVAzZA "Erstellen Sie in UI Builder eine Seite für ein Portal, einen Arbeitsbereich oder eine anwenderdefinierte Anwendung, um eine Web-Experience für Ihre Benutzer zu erstellen.").
4. Fügen Sie eine Datenressource mit mehreren Tabellen hinzu.
   1. Wählen Sie im Datenregal die Option + Datenressource hinzufügen aus.  
   2. Geben Sie unter Suche<kbd class="ph userinput">den Text multi-table</kbd>ein.
   3. Wählen Sie Daten in mehreren Tabellenaus.  
   4. Wählen Sie Hinzufügen.
   {#fetch-data-from-multiple-sources__substeps_z2f_5fv_zbc}
5. Konfigurieren Sie die erste Datenquelle.
   1. Wählen Sie unter Datenquellendie Option + Hinzufügen aus.  
   2. Geben Sie unter Tabelle<kbd class="ph userinput">„incident“</kbd> ein, und wählen Sie die Incident- Tabelle aus.
   3. Geben Sie im Sortierfeld<kbd class="ph userinput">die Nummer</kbd> ein, und wählen Sie Nummeraus.
   4. Geben Sie unter Name<kbd class="ph userinput">Incident</kbd>ein.
   5. In Rückgabefelderfügen Sie Nummer, Status, Beschreibungund Aktiv hinzu.  
   6. Wählen Sie Bedingungen bearbeitenaus.
   7. Erstellen Sie die Bedingung „Aktiv" ist „true".
   8. Wählen Sie undaus.
   9. Erstellen Sie die Bedingung Erstellt \| am \| Letzte 2 Jahre.  
   10. Wählen Sie Übernehmen.
   11. Wählen Sie Übernehmen.
   {#fetch-data-from-multiple-sources__substeps_jxn_1rv_zbc}
6. Konfigurieren Sie die zweite Datenquelle.
   1. Wählen Sie unter Datenquellendie Option + Hinzufügen aus.
   2. Geben Sie unter Tabelle<kbd class="ph userinput">das Problem</kbd> ein, und wählen Sie die Problemtabelle aus.
   3. Geben Sie im Sortierfeld<kbd class="ph userinput">die Nummer</kbd> ein, und wählen Sie Nummeraus.
   4. Geben Sie unter Name<kbd class="ph userinput">Problem</kbd>ein.
   5. In Rückgabefelderfügen Sie Nummer, Status, Beschreibungund Aktiv hinzu.  
      Beim Erstellen einer Datenressource mit mehreren Tabellen sollten für jede Datenquelle dieselben Rückgabefelder angegeben und in derselben Reihenfolge angegeben werden. Dadurch wird sichergestellt, dass die auf der Seite angezeigten Daten konsistent und korrekt sind.

   6. Wählen Sie Bedingungen bearbeitenaus.
   7. Erstellen Sie die Bedingung „Aktiv" ist „true".
   8. Wählen Sie undaus.
   9. Erstellen Sie die Bedingung Erstellt \| am \| Letzte 2 Jahre.
   10. Wählen Sie Übernehmen.
   11. Wählen Sie Übernehmen.
   12. Wählen Sie X aus, um das Popup-Fenster „Daten in mehreren Tabellen bearbeiten" zu schließen.
   {#fetch-data-from-multiple-sources__substeps_ivw_yrv_zbc}
7. Wählen Sie Speichern.
8. Fügen Sie die Überschriftenkomponente hinzu.
   1. Wählen Sie in der Inhaltsstruktur unter Textkörper die Option + Inhalt hinzufügen aus.
   2. Geben Sie in der Suche<kbd class="ph userinput">die Überschrift</kbd>ein.
   3. Wählen Sie die Komponente Überschrift aus.
   4. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren die Option Keine - Komponente manuell konfigurieren aus.
   5. Löschen Sie unter Bezeichnungden Standardtext, und geben Sie <kbd class="ph userinput">Aktive Incidents und Probleme ein, die in den letzten zwei Jahren erstellt wurden</kbd>.  
   6. Wählen Sie Speichern.
   {#fetch-data-from-multiple-sources__substeps_mxv_gwz_bcc}
9. Fügen Sie einen Container hinzu.
   1. Wählen Sie in der Inhaltsstruktur unter Überschrift 1 die Option + Inhalt hinzufügen aus.
   2. Wählen Sie auf der Registerkarte Layouts im Abschnitt „Erweitert"die Option Flexboxaus.  
   3. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren die Option Keine - Komponente manuell konfigurieren aus.
   4. Legen Sie unter Größenanpassungdie Breite durch Eingabe <kbd class="ph userinput">von 300</kbd>fest.  
   5. Wählen Sie Speichern.
   {#fetch-data-from-multiple-sources__substeps_r2l_ywz_bcc}
10. Fügen Sie die Repeater-Komponente hinzu.
    1. Wählen Sie in der Inhaltsstruktur unter Container 1 die Option + Inhalt hinzufügen aus.
    2. Geben Sie in der Suche<kbd class="ph userinput">Repeater</kbd>ein.
    3. Wählen Sie die Repeater -Komponente.
    4. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren die Option Keine - Komponente manuell konfigurieren aus.
    5. Wählen Sie Speichern.
    6. Bewegen Sie den Mauszeiger im Konfigurationsbereich auf der Registerkarte Konfigurieren über das Feld Daten-Array, und wählen Sie das Symbol zum Binden von Daten aus.  
    7. Wählen Sie unter Datentypen die Option Datenressourceaus.
    8. Wählen Sie Daten in mehreren Tabellen 1aus.
    9. Auswahlvorgang AusgabeDatenGlideMultiDatasource_QuerygetMultiDatasourceData.
    10. Doppelklicken Sie auf die Elementpille (oder verwenden Sie die Tastenkombination).  
        Überprüfen Sie, ob der obere Abschnitt korrekt ist.

    11. Wählen Sie Übernehmen.
    12. Wählen Sie Speichern.
    {#fetch-data-from-multiple-sources__substeps_t4c_pfv_zbc}
11. Fügen Sie die Kartenbasis-Container-Komponente innerhalb des Repeaters hinzu.
    1. Wählen Sie in der Inhaltsstruktur unter Repeater 1 die Option + Inhalt hinzufügen aus.
    2. Suchen Sie die Komponente Kartenbasis-Container, und wählen Sie sie aus.
    3. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren die Option Keine - Komponente manuell konfigurieren aus.
    4. Wählen Sie die Registerkarte Stile.
    5. Um etwas Platz um die Karten hinzuzufügen, gehen Sie zu Abstand, wählen Sie Randund dann M (für mittel) aus.  
    6. Wählen Sie Speichern.
    {#fetch-data-from-multiple-sources__substeps_l14_ptl_bcc}
12. Fügen Sie die Überschriftenkomponente im Kartenbasis-Container hinzu.
    1. Wählen Sie in der Inhaltsstruktur unter Kartenbasis-Container 1 die Option + Inhalt hinzufügen aus.
    2. Suchen Sie die Komponente Überschrift, und wählen Sie sie aus.
    3. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren die Option Keine - Komponente manuell konfigurieren aus.
    4. Löschen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren den Standardtext unter Bezeichnung.
    5. Zeigen Sie auf das Feld Bezeichnung, und wählen Sie das Symbol zum Binden von Daten.
    6. Wählen Sie unter Datentypendie Option Repeateraus.
    7. Auswahlvorgang WertFelder.
    8. Wählen Sie die oberste Pille aus, und suchen Sie in der letzten Spalte nach displayValue mit einer Incident- oder Problemnummer.
    9. Doppelklicken Sie auf die Pille displayValue mit einer Incident- oder Problemnummer (oder verwenden Sie die Tastenkombination).  
       Überprüfen Sie, ob der obere Abschnitt korrekt ist.

    10. Wählen Sie Übernehmen.
    11. Wählen Sie auf der Registerkarte Konfigurieren die Option Unteren Rand ausblenden aus.  
    12. Wählen Sie Speichern.
    {#fetch-data-from-multiple-sources__substeps_hvb_4yz_bcc}
13. Fügen Sie die erste stilisierte Textkomponente hinzu, um die Beschreibung des Incidents oder Problems anzuzeigen.
    1. Zeigen Sie in der Inhaltsstruktur auf Überschrift 2, wählen Sie das Menüsymbol (drei vertikale Punkte), und wählen Sie Hinzufügen nach aus.  
    2. Suchen und wählen Sie die Komponente Stilisierter Text.
    3. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren die Option Keine - Komponente manuell konfigurieren aus.
    4. Löschen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren den Standardtext in Text.
    5. Zeigen Sie auf das Feld Text, und wählen Sie das Symbol zum Binden von Daten.
    6. Wählen Sie unter Datentypendie Option Repeateraus.
    7. Auswahlvorgang WertFelder.
    8. Wählen Sie die dritte Pille in der Liste aus, und überprüfen Sie in der letzten Spalte, dass displayValue keine Informationen enthält.
    9. Doppelklicken Sie auf die Pille displayValue ohne Wert (oder verwenden Sie die Tastenkombination).  
       Überprüfen Sie, ob der obere Abschnitt korrekt ist.

    10. Wählen Sie Übernehmen.
    11. Um die Textgröße zu reduzieren, wechseln Sie zur Registerkarte Konfigurieren, und ändern Sie das HTML-Tag in Absatz.
    12. Wählen Sie Speichern.
    {#fetch-data-from-multiple-sources__substeps_ahh_wf1_ccc}
14. Fügen Sie die zweite stilisierte Textkomponente hinzu, um den Status des Incidents oder Problems anzuzeigen.
    1. Zeigen Sie in der Inhaltsstruktur auf Stilisierter Text 1, wählen Sie das Menüsymbol (drei vertikale Punkte), und wählen Sie Hinzufügen nach aus.
    2. Suchen und wählen Sie die Komponente Stilisierter Text.
    3. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren die Option Keine - Komponente manuell konfigurieren aus.
    4. Löschen Sie im Konfigurationsbereich auf der Registerkarte Konfigurieren den Standardtext in Text.
    5. Zeigen Sie auf das Feld Text, und wählen Sie das Symbol zum Binden von Daten.
    6. Wählen Sie unter Datentypendie Option Repeateraus.
    7. Auswahlvorgang WertFelder.
    8. Wählen Sie die zweite Pille in der Liste aus, und überprüfen Sie in der letzten Spalte, ob displayValue einen Status wie Gelöst oder In Bearbeitungenthält.
    9. Doppelklicken Sie auf die Pille displayValue mit einem Statuswert (oder verwenden Sie die Tastenkombination).  
       Überprüfen Sie, ob der obere Abschnitt korrekt ist.

    10. Wählen Sie Übernehmen.
    11. Um die Textgröße zu reduzieren, wechseln Sie zur Registerkarte Konfigurieren, und ändern Sie das HTML-Tag in Absatz.
    12. Wählen Sie Speichern.
    {#fetch-data-from-multiple-sources__substeps_xct_5p1_ccc}
15. Wählen Sie Vorschau.  
    Die Seitenüberschrift befindet sich oben. Jede Karte enthält eine Überschrift mit der Incident- oder Problemnummer. Die Karten zeigen auch die Beschreibung (falls verfügbar) des Incidents oder Problems und den Status. Daten werden erfolgreich aus zwei Quellen abgerufen: der Incident-Tabelle und der Problemtabelle.

16. Wählen Sie das X aus, um die Vorschaueinblendung zu schließen.