Skip to main content

Dynamische Funktionalität bei UI-Elementen

Dynamisches UI-Design bezeichnet die Gestaltung der Elemente einer Benutzeroberfläche auf eine Weise, dass sie sich entsprechend den Eingaben des Benutzers anpasst. Sie können konfigurieren, wann UI-Elemente unter welchen Bedingungen sichtbar, deaktiviert und erforderlich sind, damit ein Benutzer über alle für seine Absicht erforderlichen Informationen verfügt.

Was der Benutzer dann auswählt, bestimmt, welche Steuerelemente angezeigt werden. Beispielsweise geben Kunden bei der Einreichung eines Kreditantrags ihren Familienstand an. Wählen Kunden „Married“ aus, zeigt die Anwendung Felder für den Partner an.

Ziehen Sie in der Mitte des nachstehenden Bildes die vertikale Linie, um den Kreditantrag mit Single und Married ausgewählt zu sehen:

Die Verwendung dynamischer UI-Funktionen bietet mehrere Vorteile, wie z. B.:

  • Echtzeit-Reaktion auf das Verhalten von Endbenutzern
  • robuste Funktionalität für die meisten Benutzerinteraktionen
  • übersichtlichere Anordnung auf dem Bildschirm
  • weniger Aktualisierungen ganzer Seiten, was die UI-Reaktionsfähigkeit verbessert

Dynamische Attribute für UI-Elemente

Bei der Gestaltung dynamischer Funktionen für UI-Elemente können Sie konfigurieren, wann Elemente sichtbar, deaktiviert und erforderlich sind.

Sichtbar

Die Sichtbarkeit eines Feldes oder Layouts kann so konfiguriert werden, dass das Feld oder Layout angezeigt wird, wenn eine bestimmte Bedingung erfüllt ist.

Standardmäßig haben UI-Elemente die Sichtbarkeitseinstellung „Always“, was bedeutet, dass das UI-Element immer auf dem Bildschirm angezeigt wird. Die folgende Tabelle enthält weitere Einstellungsmöglichkeiten zur Sichtbarkeit:

Einstellungen für „Sichtbar“ Verhalten von UI-Elementen Beispiel Beispiel-Beschreibung
Always (Immer) Wird immer angezeigt
Name field example
Es ist vorgesehen, dass das Feld Name, in das der Anwendungsbenutzer seinen Namen eingibt, immer sichtbar ist.
Custom Condition (Benutzerdefinierte Bedingung) Wird angezeigt, wenn ein Ausdruck (einschließlich When-Regeln) den Wert „true“ zurückgibt Verwenden Sie diese Option für kurze Ausdrücke, die Sie nicht im gesamten Case wiederverwenden müssen.
Visible condition expression with special meal selected

Wenn Benutzer die Option Special meal auswählen, wird die Drop-down-Liste Type of meal angezeigt. Andernfalls wird die Drop-down-Liste nicht angezeigt. Sie legen fest, dass Sie diesen Ausdruck nur an dieser Stelle benötigen. Daher empfiehlt es sich, die Option „Custom Condition“ zu verwenden.

When-Regel Wird angezeigt, wenn eine When-Regel den Wert „true“ zurückgibt Verwenden Sie diese Option für komplexere When-Regeln oder für When-Regeln, die Sie im gesamten Case-Typ wiederverwenden möchten.
Visible when rule with married vs single selected
Sie erstellen eine When-Regel, wenn Sie z. B. „Marital Status = Married“ wiederwenden möchten. Sie referenzieren auf diese When-Regel, damit das Feld Name of Spouse sichtbar ist, wenn der Benutzer Married als Marital Status auswählt. Andernfalls ist dieses Feld nicht sichtbar.  
Wenn nicht leer Wird angezeigt, wenn der Wert des Feldes nicht leer ist.
Visible if not blank with Next appointment date value
Bei der Bestätigung eines Arzttermins können Patienten optional ein Datum für ihren nächsten Termin auswählen. Wenn Patienten ein Datum auswählen, ist das Feld Next appointment date sichtbar. Wenn ein Patient kein Datum auswählt, wird das Feld Next appointment date ausgeblendet.
If not zero (Wenn nicht null) Wird angezeigt, wenn der Wert des Feldes nicht Null ist.
Visible if not zero with order total value
Wenn Kunden einen Online-Kauf tätigen, wird der Gesamtbetrag ihrer Bestellung berechnet. Wenn das Feld Order total größer als Null ist, wird der Wert angezeigt. Wenn die berechnete Bestellsumme Null ist, dann ist Order total ausgeblendet. 

Deaktiviert

Konfigurieren Sie, wann ein Feld oder Layout deaktiviert werden soll, um den Benutzerzugriff auf ein Feld zu beschränken. Ein Feld oder Layout wird deaktiviert, wenn eine bestimmte Bedingung aufgrund einer Benutzeraktion erfüllt ist. 

Standardmäßig sind UI-Elemente niemals deaktiviert. Benutzer haben jederzeit Zugriff auf die UI-Elemente. Die folgende Tabelle enthält Optionen zum Deaktivieren von UI-Elementen:

Einstellungen für „Deaktiviert“ Verhalten von UI-Elementen Beispiel Beispiel-Beschreibung
Never (Nie) Nie deaktiviert
Name field example
Sie möchten, dass ein Benutzer immer seinen Namen in das Feld Name eingeben kann.
Always (Immer) Immer deaktiviert
Always disable the Account type field
Ein Kunde wählt bei der Eröffnung eines Bankkontos die Art des Kontos aus. Nach der Kontoeröffnung kann der Kunde den Kontotyp sehen, aber nicht ändern. Um dieses Verhalten zu erreichen, müssen Sie das Feld Account type so konfigurieren, dass es immer deaktiviert ist.
Custom Condition (Benutzerdefinierte Bedingung) Deaktiviert, wenn ein Ausdruck (einschließlich When-Regeln) den Wert „true“ zurückgibt
Disable the Preferred contact method field based on a conditional expression
Wenn Benutzer Email  als Preferred Contact Method auswählen, ist das Feld Mobile number deaktiviert. Wenn Benutzer Text als Preferred Contact Method auswählen, ist das Feld Email deaktiviert. Sie legen damit fest, dass dieser Ausdruck nur an dieser einzigen Stelle benötigt wird. Daher empfiehlt es sich, die Option „Custom Condition“ zu verwenden.
When-Regel Deaktiviert, falls eine When-Regel den Wert „true“ zurückgibt
Disable cosigner information based on a when rule

Sie referenzieren auf eine When-Regel, wenn das Alter mindestens 21 Jahre beträgt. So stellen Sie sicher, dass das Feld Cosigner information für Kunden ab 21 Jahren beim Beantragen einer Kreditkarte deaktiviert ist.

Erforderlich

Konfigurieren Sie, wann ein Feld oder Layout erforderlich ist, um sicherzustellen, dass ein Benutzer einen Wert angibt. Ein Feld oder Layout ist erforderlich, wenn eine bestimmte Bedingung erfüllt ist.

Standardmäßig sind UI-Elemente nie erforderlich, d. h. der Benutzer kann mit der Bearbeitung des Case fortfahren, ohne einen Wert einzugeben. Die folgende Tabelle zeigt die Optionen für die erforderliche Einstellung von UI-Elementen.

Einstellungen für „Erforderlich“ Verhalten von UI-Elementen Beispiel  Beispiel-Beschreibung
Never (Nie) Nie erforderlich
Email field is never required, or always optional
Sie möchten, dass das Feld Email für die Benutzer optional, aber nicht erforderlich ist.
Always (Immer) Immer erforderlich
Account type field is always required
Wenn Kunden ein Bankkonto eröffnen, so müssen sie den Kontotyp auswählen. Das Feld Account type ist immer ein Pflichtfeld.
Custom Condition (Benutzerdefinierte Bedingung) Erforderlich, wenn ein Ausdruck (einschließlich When-Regeln) den Wert „true“ zurückgibt
Preferred contact method is required based on a conditional expression
Wenn der Benutzer Email als Preferred Contact Method auswählt, ist das Feld Email erforderlich. Wenn der Benutzer Text als Preferred Contact Method auswählt, ist das Feld Mobile number erforderlich. Sie legen damit fest, dass dieser Ausdruck nur an dieser einzigen Stelle benötigt wird. Daher empfiehlt es sich, die Option „Custom Condition“ zu verwenden.
When-Regel Erforderlich, falls eine When-Regel den Wert „true“ zurückgibt
Cosigner information is conditionally required
Sie referenzieren auf eine When-Regel, wenn der Kunde jünger als 21 Jahre ist. So stellen Sie sicher, dass das Feld Cosigner information erforderlich ist, wenn ein Kunde unter 21 Jahren eine Kreditkarte beantragt. Andernfalls ist die Angabe von Informationen zum Mitunterzeichner optional.

Prüfen Sie mit der folgenden Interaktion Ihr Wissen:


Dieses Thema ist im folgenden Modul verfügbar:

If you are having problems with your training, please review the Pega Academy Support FAQs.

Fanden Sie diesen Inhalt hilfreich?

Möchten Sie uns dabei helfen, diesen Inhalt zu verbessern?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice