Rufen Sie Daten aus mehreren Quellen ab

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 Alle > Now-Experience-Framework > UI 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.
3. Erstellen Sie eine Seite von Grund auf neu.
   Weitere Informationen zum Erstellen einer Seite finden Sie unter Seite in UI Builder 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 Sucheden Text multi-tableein.
   3. Wählen Sie Daten in mehreren Tabellenaus.
      
   4. Wählen Sie Hinzufügen.
5. Konfigurieren Sie die erste Datenquelle.
   1. Wählen Sie unter Datenquellendie Option + Hinzufügen aus.
      
   2. Geben Sie unter Tabelle„incident“ ein, und wählen Sie die Incident- Tabelle aus.
   3. Geben Sie im Sortierfelddie Nummer ein, und wählen Sie Nummeraus.
   4. Geben Sie unter NameIncidentein.
   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.
6. Konfigurieren Sie die zweite Datenquelle.
   1. Wählen Sie unter Datenquellendie Option + Hinzufügen aus.
   2. Geben Sie unter Tabelledas Problem ein, und wählen Sie die Problemtabelle aus.
   3. Geben Sie im Sortierfelddie Nummer ein, und wählen Sie Nummeraus.
   4. Geben Sie unter NameProblemein.
   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.
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 Suchedie Überschriftein.
   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 Aktive Incidents und Probleme ein, die in den letzten zwei Jahren erstellt wurden.
      
   6. Wählen Sie Speichern.
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 von 300fest.
      
   5. Wählen Sie Speichern.
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 SucheRepeaterein.
    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 Ausgabe > Daten > GlideMultiDatasource_Query > getMultiDatasourceData.
    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.
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.
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 Wert > Felder.
    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.
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 Wert > Felder.
    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.
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 Wert > Felder.
    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.
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.