Daten in UI Builder-Seiten dynamisch verfügbar machen (erweiterte Funktion)
Synchronisieren Sie Daten zwischen Tabellen ServiceNow und Daten mit den Seiten, die Sie mit UI Buildererstellen. Seiten zeigen synchronisierte Daten in Echtzeit an und aktualisieren Daten/Tabellen, wenn ein Anwender Informationen eingibt.
Erfahren Sie mehr über Datenressourcen in UI Builder
UI Builder synchronisiert ServiceNow Tabellen/Daten mithilfe von Datenressourcen. Eine Datenressource ruft die Daten ab, die UI Builder zum Anzeigen von Informationen in einer Komponenteverwendet. UI Builder -Komponenten verwenden Datenressourcen, um Daten in verschiedenen Experiences zu synchronisieren. Durch Datenressourcen werden die Daten in Komponenten dynamisch, sodass Sie die Daten nicht für jede Seite neu erstellen müssen.
Datenressourcen befinden sich im Datenressourcen-Drawer. Im Datenressourcen-Drawer können Sie eine Datenressource für Ihre Seite hinzufügen und konfigurieren. Nachdem Sie die Datenressource konfiguriert haben, können Sie die Daten zwischen Komponenten auf Ihrer Seite und ServiceNow Tabellen/Datensynchronisieren.
- Datenressourcen: Die Datenressourcen, die Teil der Experience sind
- Konfiguration/Ereignisse: Konfigurierte Datenressourcen und Ereignisse für die Experience
- Vorschau: JSON für die von der Datenressource zurückgegebenen Informationen
Sie können die Konfigurationseigenschaften für Komponenten, andere Datenressourcen, Clientskripts, Clientstatus und Ereignisse an diese Datenressourcen binden.
Legen Sie Bedingungen für einen Filter in Ihrer Datenressource fest. Weitere Informationen finden Sie unter Daten mit Ihren Komponenten verbinden.
Funktionsweise von Datenressourcen in UI Builder
Datenressourcen rufen Daten aus Glide-, GraphQL- und REST-APIs ab und wandeln sie dann zur Verwendung in einer Komponente auf einer Seite UI Builder um.
Komponenten verwenden sowohl geerbte als auch lokale Instanzen der Datenressourcen. Übernommene Datenressourcen werden automatisch in eine Seite UI Builder geladen, und lokale Instanzen der Datenressourcen können hinzugefügt und konfiguriert werden. Datenressourcen werden basierend auf den angegebenen Eingabewerten ausgewertet, um sicherzustellen, dass die richtigen Daten abgerufen werden. Weitere Informationen zu geerbten und lokalen Datenressourcen finden Sie unter Geerbte vs. lokale Datenressourcen in UI Builder.
Lokale Datenressourcen in UI Builder
Je nachdem, in welcher Anwendung Sie sich befinden, werden unterschiedliche Datenressourcen angezeigt. Wenn Sie die Anwendung Global auswählen, werden unter Serverdaten andere Datenressourcen angezeigt, als wenn Sie die Anwendung Konfigurierbarer Arbeitsbereich CSM auswählen.
Verwenden von Datenbindungen in UI Builder
Mit der Datenbindung können Sie dynamische Seiten erstellen, indem Sie Seiten und Komponenten mit Datenressourcen synchronisieren. Sie können Daten an eine Komponente binden, um Daten vom Back-End abzurufen, und Feldparameter verwenden, um Eigenschaften von der URL abzurufen. Durch Ändern der URL-Parameter können Sie dynamische Seiten erstellen, auf denen je nach Parameter unterschiedliche Daten angezeigt werden.
Sie können Daten wie folgt an eine Komponente binden:
- Kontextbindung
Verwenden Sie URL-Parameter, um Teile der URL mit den Eigenschaften Ihrer Seite zu verbinden. Sie können beispielsweise den Tabellennamen aus der URL mit der @context-Syntax wie folgt verknüpfen:
@context.props.table.Angenommen, Sie haben eine Seite UI Builder mit einem Pflichtfeld namens
„table“. Die URL für Ihre Seite könnte wie folgt aussehen: /demo/page/<table-name> . Die<table-name> könnte so etwas wieIncidentsein. Die Daten können auch aus übergeordneten Datenressourcen stammen oder lokale Eigenschaften sein, die für die Seite spezifisch sind.Um Ihre Komponenteneigenschaften, andere Datenressourceneigenschaften oder Ereignisdetails mit der Seiteneigenschaft zu verknüpfen, verwenden Sie eine
@context.props.table-Bindung. Stellen Sie sicher, dass Sie entweder einen Testwert in der URL angeben oder in der Konfiguration Ihrer Seite einen festen Wert für diese Eigenschaft festlegen, wenn Sie die Kontextbindung verwenden.- Datenressourcenbindung
Verwenden Sie Datenressourcen, um Daten vom Back-End Ihrer Instanz abzurufen, z. B. Client-Status, GraphQL oder eine REST API. Diese Datenquellen haben Eigenschaften, die mit Elementen auf einer Seite UI Builder verknüpft werden können.
Wenn Sie beispielsweise die Datenressource „Suchdatensatz“ verwenden, können Sie sie in einer Schaltflächenkomponente verwenden. Sie können einen Datenausdruck wie den folgenden in der Eigenschaft „label“ verwenden:
@data.lookup_record_1.result.number.displayValue.- Komponentenbindung
- Verwenden Sie die Komponentenbindung, um eine Komponente mit einer anderen zu verbinden. Angenommen, Sie haben eine Listenmenükomponente auf der Seite UI Builder. Das Listenmenü zeigt die aktuell ausgewählte Liste anderen Komponenten auf derselben Seite an. Diese anderen Komponenten können auf die Daten zugreifen, indem sie mit einem Ausdruck wie
@elements.list_menu_1.selectedListIdeine Verknüpfung herstellen. - Client-Statusparameterbindung
Verwenden Sie die Client-Statusparameterbindung, um eine Verbindung zwischen einer clientseitigen Anwendung und UI Builder -Komponenten herzustellen und Daten zwischen ihnen zu synchronisieren. Die Parameterbindung ermöglicht es dem Clientstatus, Daten in Komponenten automatisch zu aktualisieren und umgekehrt. Verwenden Sie die
@state-Syntax, um eine Statuseigenschaft an einen Client-Statusparameter zu binden.
Arten von Datenquellen, die in verfügbar sind UI Builder
Sie können die folgenden Datenressourcentypen verwenden, die in der Tabelle aufgeführt sind.
| Datenressourcentyp | Beschreibung |
|---|---|
| Controller | Kapselt Daten- und Ereignislogik und aktiviert Voreinstellungen für Komponenten. |
| GraphQL | GraphQL-Abfragen und -Mutationen, die ausgeführt werden. |
| Umwandeln | Skript, das die Eingabedaten in ein anderes Format umwandelt. |
| Client-Status | Clientseitige Datenressourcen, zu denen Clientinformationen, domänenspezifische Status oder Logik, Benutzereinstellungen usw. gehören. |
| Zusammenfassung | Einzelne wiederverwendbare Datenressource, die mehrere Datenressourcen enthält. |
| REST | Datenressourcen, die über REST API-Anforderungen erstellt werden. |
Geerbte vs. lokale Datenressourcen in UI Builder
Übernommene -Datenressourcen teilen Informationen aus den umgebenden Teilen einer UI Builder -Seite wie einer -Anwendung. Stellen Sie sich vor, Ihre Seite befindet sich in einem großen Frame und erhält einige Informationen vom Frame oder anderen Teilen um ihn herum. Sie können diese Informationen verwenden, indem Sie sie mit den Eigenschaften Ihrer Seite verknüpfen, ähnlich wie beim Verknüpfen von Rätselteilen. Wenn Sie diese Informationen aus dem -Frame abrufen, müssen Sie sie nicht erneut selbst abrufen.
Lokale Datenressourcen sind Elemente, die Sie selbst einer Seite UI Builder hinzufügen. Stellen Sie sich vor, Sie erstellen eine Seite für Reiseanforderungen. Sie können Mitarbeiterdaten mit einer Listenkomponente synchronisieren, damit Mitarbeiter Reisen anfordern können, die mit ihren eigenen Informationen verknüpft sind.
Um diese Datenressourcen zu verwenden, importieren Sie sie entweder aus einer App, oder erstellen Sie sie auf der Plattform ServiceNow. Stellen Sie diese Ressourcen dann in UI Builderfür Ihre Komponenten bereit. Als Nächstes binden Sie die Daten an Ihre Komponente, damit sie damit arbeiten kann. Sie könnten beispielsweise eine Reihe von Datensätzen haben, sie in UI Builder verfügbar machen und mit einer Komponente verknüpfen. Konfigurieren Sie dann die Komponente für Aktionen mit den Daten, z. B. das Speichern neuer Datensätze.
Sobald Ihre Seite Daten synchronisiert hat, verbinden Sie sie mit dem Teil der Seite, der sie benötigt, z. B. als Komponente. Es ist, als würde man sicherstellen, dass das richtige Teile eines Ganzkörperpudels an der richtigen Stelle eingesetzt wird. Dann können Sie diesem Teil der Seite mitteilen, was mit den Daten geschehen soll. Sie können es beispielsweise verwenden, um neue Reisepläne für Mitarbeiter hinzuzufügen.
UI Builder Datenressourceneigenschaften
Wenn Sie in UI Buildereine Datenressource hinzufügen, ist dies so, als würden Sie ein Tool hinzufügen, das weiß, woher Informationen abgerufen werden sollen. Datenressourceneigenschaften sind die Anweisungen, die einer Datenressource mitteilen, wie Daten in Seiten UI Builder importiert werden. Diese Eigenschaften teilen einer Datenressource mit, welche Daten abgerufen, wie sie organisiert und welche Bedingungen eingehalten werden sollen. Sie können diese Eigenschaften beispielsweise verwenden, um anzugeben, in welchen Tabellen zu suchen ist, wie die Daten sortiert werden sollen, und vieles mehr. Diese Eigenschaften sorgen dafür, dass die Datenressource ordnungsgemäß funktioniert, und liefern Ihnen die Daten, die Sie benötigen.
UI Builder Datenressourcenskripts
Datenressourcenskripts sind spezielle Anweisungen, die Sie UI Builder geben, um bestimmte Daten zurückzugeben. Wenn Sie es beispielsweise mit einer Liste von Produkten zu tun haben, könnte ein Skript eine Datenressource anweisen, nur Produkte anzuzeigen, die auf Lager sind, oder sie in einer bestimmten Reihenfolge anzuordnen. Mit Datenressourcenskripts können Sie anpassen, wie UI Builder die Informationen behandelt, z. B. das Hinzufügen zusätzlicher Regeln oder Aktionen.