Rufen Sie Daten aus mehreren Quellen ab

  • Freigeben Version: Xanadu
  • Aktualisiert 1. August 2024
  • 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 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ügenaus.
        Datenregal mit schwarzen Pfeil, der auf das Hinzufügen einer Datenressourcenoption zeigt.
      2. Geben Sie unter Sucheden Text multi-tableein.
      3. Wählen Sie Daten in mehreren Tabellen aus.
        Popup-Fenster „Datenressource“ mit einem schwarzen Pfeil, der auf das Suchfeld zeigt, und einem schwarzen Pfeil, der auf eine Datenressource mit mehreren Tabellen zeigt.
      4. Wählen Sie Hinzufügen.
    5. Konfigurieren Sie die erste Datenquelle.
      1. Wählen Sie unter Datenquellendie Option + Hinzufügenaus.
        Datenressourcenoptionen für mehrere Tabellen mit schwarzen Pfeilen, die auf die Option zum Hinzufügen neben dem Feld „Datenquellen“ zeigen.
      2. Geben Sie unter Tabelle„ incident “ ein, und wählen Sie die Incident -Tabelle aus.
      3. GebenSie im Sortierfeld die Nummer ein, und wählen Sie Nummeraus.
      4. Geben Sie unter NameIncidentein.
      5. In Rückgabefelderfügen Sie Nummer, Status, Beschreibungund Aktivhinzu.
        Popup-Fenster zum Hinzufügen von Datenquellen, in dem alle Felder ausgefüllt sind.
      6. Wählen Sie Bedingungen bearbeiten aus.
      7. Erstellen Sie die Bedingung „Aktiv“ ist „true“.
      8. Wählen Sie undaus.
      9. Erstellen Sie die Bedingung Erstellt | am | Letzte 2 Jahre.
        Popup mit zwei Bedingungen, in dem zwei Bedingungen angezeigt werden.
      10. Wählen Sie Übernehmen.
      11. Wählen Sie Übernehmen.
    6. Konfigurieren Sie die zweite Datenquelle.
      1. Wählen Sie unter Datenquellendie Option + Hinzufügenaus.
      2. Geben Sie unter Tabelledas Problem ein, und wählen Sie die Problemtabelle aus.
      3. GebenSie im Sortierfeld die Nummer ein, und wählen Sie Nummeraus.
      4. Geben Sie unter NameProblemein.
      5. In Rückgabefelderfügen Sie Nummer, Status, Beschreibungund Aktivhinzu.
        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.

        Popup-Fenster zum Hinzufügen von Datenquellen, in dem alle Felder ausgefüllt sind.

      6. Wählen Sie Bedingungen bearbeiten aus.
      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 + Inhalthinzufügen aus.
      2. Geben Sie in der Suche die Überschriftein.
      3. Wählen Sie die Komponente Überschrift aus.
      4. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurierendie Option Keine - Komponente manuell konfigurieren aus.
      5. Löschen Sieunter Bezeichnung den Standardtext, und geben Sie Aktive Incidents und Probleme ein, die in den letzten zwei Jahren erstellt wurden.
        Konfigurieren Sie die Registerkarte für die Überschriftenkomponente mit einem schwarzen Pfeil, der auf das abgeschlossene Bezeichnungsfeld zeigt.
      6. Wählen Sie Speichern.
    9. Fügen Sie einen Container hinzu.
      1. Wählen Sie in der Inhaltsstruktur unter Überschrift 1 die Option + Inhalthinzufügen aus.
      2. Wählen Sie auf der Registerkarte Layouts im Abschnitt „ Erweitert “ die Option Flexboxaus.
        Toolbox mit angezeigter Layoutregisterkarte und schwarzen Pfeil, der auf die Flexbox-Option zeigt.
      3. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurierendie Option Keine - Komponente manuell konfigurieren aus.
      4. Legen Sieunter Größenanpassung die Breite durch Eingabe von 300fest.
        Registerkarte „Stile“ für Containerkomponente mit schwarzen Pfeil, der auf das abgeschlossene Breitenfeld zeigt.
      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 + Inhalthinzufügen aus.
      2. Geben Sie in der SucheRepeaterein.
      3. Wählen Sie die Repeater- Komponente.
      4. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurierendie 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.
        Konfigurieren Sie den Bereich für die Repeater-Komponente mit einem schwarzen Pfeil, der auf das Symbol zum Binden von Daten-Array-Feld zeigt.
      7. Wählen Sie unter Datentypen die Option Datenressourceaus.
      8. Wählen Sie Daten in mehreren Tabellen 1 aus.
      9. Wählen Sie „ Ausgabe “ > „ Daten “ > „GlideMultiDatasource_Query“ > „getMultiDatasourceData“ aus.
      10. Doppelklicken Sie auf die Elementpille (oder verwenden Sie die Tastenkombination).
        Modales Fenster für Datenbindung mit schwarzen Pfeil, der auf die Elementpille zeigt.
        Überprüfen Sie, ob der obere Abschnitt korrekt ist.

        Modal zur Datenbindung mit schwarzen Pfeil, der auf den oberen Abschnitt zeigt.

      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 + Inhalthinzufügen aus.
      2. Suchen Sie die Komponente Kartenbasis-Container, und wählen Sie sie aus.
      3. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurierendie 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.
        Stilbereich für die Kartenbasis-Containerkomponente mit schwarzen Pfeil, der auf die Randoption und die mittlere Randeinstellung zeigt.
      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 + Inhalthinzufügen aus.
      2. Suchen Sie die Komponente Überschrift, und wählen Sie sie aus.
      3. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurierendie 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 Datentypen die Option Repeateraus.
      7. Wählen Sie Wert > Felder aus.
      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).
        Datenbindungsmodal mit schwarzen Pfeil, der auf die Anzeigewertpille zeigt.
        Überprüfen Sie, ob der obere Abschnitt korrekt ist.

        Modal zur Datenbindung mit schwarzen Pfeil, der auf den oberen Abschnitt zeigt.

      10. Wählen Sie Übernehmen.
      11. Wählen Sie auf der Registerkarte Konfigurieren die Option Unteren Rand ausblenden aus.
        Konfigurieren Sie den Bereich für die Überschriftenkomponente mit dem schwarzen Pfeil, der darauf zeigt, um die Option für den unteren Rand auszublenden.
      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.
        Inhaltsstruktur mit schwarzen Pfeil auf Menüsymbol und schwarzen Pfeil auf „Hinzufügen nach Option“ im unverankerten Menü.
      2. Suchen und wählen Sie die Komponente Stilisierter Text.
      3. Wählen Sie im Konfigurationsbereich auf der Registerkarte Konfigurierendie 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 Datentypen die Option Repeateraus.
      7. Wählen Sie Wert > Felder aus.
      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).
        Datenbindungsmodal mit schwarzen Pfeil, der auf die Anzeigewertpille zeigt.
        Überprüfen Sie, ob der obere Abschnitt korrekt ist.

        Modal zur Datenbindung mit schwarzen Pfeil, der auf den oberen Abschnitt zeigt.

      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 Konfigurierendie 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 Datentypen die Option Repeateraus.
      7. Wählen Sie Wert > Felder aus.
      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 InBearbeitung enthält.
      9. Doppelklicken Sie auf die Pille displayValue mit einem Statuswert (oder verwenden Sie die Tastenkombination).
        Datenbindungsmodal mit schwarzen Pfeil, der auf die Anzeigewertpille zeigt.
        Überprüfen Sie, ob der obere Abschnitt korrekt ist.

        Modal zur Datenbindung mit schwarzen Pfeil, der auf den oberen Abschnitt zeigt.

      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.

      Vorschauüberlagerung mit Überschriften- und Kartenbasis-Containerkomponenten, die mit Datenquellen für mehrere Tabellen konfiguriert sind.

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