---
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


---

Ereignisnutzlasten in UI Builder
================================

Ereignisnutzlasten in UI Builder {#ariaid-title1}
=================================================

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

Verwenden Sie Ereignisnutzlasten, um Daten mit einer Aktion zu verknüpfen.

Ereignisnutzlasten sind Datenelemente, die von einer Komponente gesendet werden, wenn ein ausgewähltes Ereignis ausgelöst wird. Die von einem Ereignis gesendeten Daten können den Ereignistyp, Zeitstempel, Benutzeraktionen oder Ressourcendaten wie eine SysID enthalten. Sie können Ereignisnutzlasten in UI Builder verwenden, um Informationen zwischen Komponenten auf einer Seite freizugeben.

Sie können diese Nutzlastdaten verwenden, wenn Sie einen Ereignishandler konfigurieren, damit die resultierende Interaktion mit den ausgegebenen Daten verknüpft werden kann. Beispielsweise kann eine SysID an andere Komponenten auf einer Seite übergeben werden, um Informationen zu einem angegebenen Datensatz anzuzeigen.

Jede Komponente und jedes Ereignis verfügt über einen eindeutigen Satz von Nutzlastoptionen. Ereignisnutzlasten sind möglicherweise nicht für jede Komponente ordnungsgemäß definiert. Definieren Sie in diesem Fall ein Client-Skript, damit die Konsole Nutzlasten protokolliert, z. B. `„console.log(event.payload)"`.

Erstellen Sie ein Ereignis mit Nutzlasten, um Informationen zwischen Komponenten freizugeben {#ariaid-title2}
-------------------------------------------------------------------------------------------------------------

Verwenden Sie Ereignisnutzlasten in UI Builder, um Informationen zwischen Komponenten auf einer Seite freizugeben.

### Vorbereitungen

Erforderliche Rolle: ui_builder_admin

### Prozedur

1. Navigieren zu AlleNow-Experience-FrameworkUI Builder.
2. Öffnen Sie eine Experience, um darin zu arbeiten, oder erstellen Sie eine Experience, indem Sie auswählen ErstellenExperience.  
   Weitere Informationen 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 oder öffnen Sie eine Seite.  
   Weitere Informationen zum Erstellen einer Seite in UI Builderfinden 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 Komponente mit Ereignissen hinzu, z. B. die Datenvisualisierungskomponente.  
   Weitere Informationen zum Hinzufügen von Komponenten zu einer Seite finden Sie unter [Komponenten hinzufügen und konfigurieren](https://servicenow-prod.fluidtopics.net/u0roCpbWC9yIy7XURU_kKw#add-components "Erfahren Sie, wie Sie Ihrer Seite in UI BuilderKomponenten hinzufügen. Eine Seite wird durch das Hinzufügen von Komponenten erstellt.").
5. Um Ihrer Komponente einen Ereignishandler hinzuzufügen, wählen Sie die Registerkarte Ereignisse.  
   Weitere Informationen zum Hinzufügen von Ereignishandlern zu Ihrer Komponente finden Sie unter [Verwalten Sie -Aktionen auf UI Builder-Seiten](https://servicenow-prod.fluidtopics.net/0kWZk6GWAQYP8sM~DoLXGA "Erfahren Sie, wie Sie mit Ereignissen arbeiten, um Komponenten, Seiten, Datenressourcen und deklarativen Aktionen in UI BuilderAktionen hinzuzufügen.").
   1. Um den Prozess zum Einrichten eines Ereignishandlers für Ihre Komponente zu starten, klicken Sie auf Ereigniszuordnung hinzufügen.  
   2. Wählen Sie aus der Liste die Ereigniszuordnung aus, die Sie konfigurieren möchten.  
   3. Wählen Sie Fortsetzen.
   4. Wählen Sie im Abschnitt Ereignis-Handler-Vorschau einen Ereignis-Handler aus, der an Ihre Komponente gebunden werden soll.  
   5. Wählen Sie Fortsetzen.
   6. Wählen Sie Neuen Client-Statusparameter erstellen aus der Dropdownliste Clientstatus-Parametername aus.
   7. Geben Sie einen Namen in das Feld Name ein.
   8. Wählen Sie in der Dropdown- Liste Typ den Typ des Client-Statusparameters aus.
   9. Geben Sie einen Wert in das Feld Anfänglicher Wert ein.
   10. Wählen Sie das Symbol „Daten binden" im Feld Wert, der nach dem Auslösen des Ereignisse verwendet werden soll aus.  
   11. Wählen Sie den Wert aus, den Sie an das ausgelöste Ereignis binden möchten.  
   12. Wählen Sie Übernehmen.
   13. Wählen Sie Hinzufügen.  
       Der Datenhandler wird unter der Ereigniszuordnung auf der Registerkarte „Ereignisse" angezeigt.

   {#create-event-with-payloads__substeps_v3n_xw3_znb}
6. Wählen Sie die Komponente aus, an die Sie den Client-Statusparameter binden möchten. In diesem Beispiel verwenden wir eine Überschriftenkomponente.
7. Wählen Sie in dem Feld, an das Sie den Client-Statusparameter binden möchten, das Symbol „Daten binden" aus.  
8. Wählen Sie Clientstatusaus.
9. Wählen Sie den Pfeil neben dem Client-Statusparameter aus, den Sie binden möchten.  
10. Wählen Sie Übernehmen.
11. Wählen Sie Speichern.
12. Wählen Sie Vorschau aus, um das soeben konfigurierte Ereignis zu testen.