Zum Hauptinhalt springen

Alert

In ChatGPT öffnen
Schatten dwc-alert 25.00
Java API

Die Alert-Komponente in webforJ bietet kontextbezogene Rückmeldungsnachrichten für Benutzer. Es ist eine vielseitige Möglichkeit, wichtige Informationen, Warnungen oder Benachrichtigungen in Ihrer App anzuzeigen.

Alerts helfen dabei, die Aufmerksamkeit auf wichtige Informationen zu lenken, ohne den Arbeitsablauf des Benutzers zu stören. Sie sind perfekt für Systemmeldungen, Rückmeldungen zur Formularvalidierung oder Statusaktualisierungen, die deutlich sichtbar, aber nicht aufdringlich sein müssen.

Erstellen von Alerts​

Ein Alert kann reichhaltige Inhalte wie Text, Schaltflächen und andere Komponenten enthalten. Setzen Sie ein Thema, um den Typ der angezeigten Nachricht visuell zu unterscheiden.

Code anzeigen

Schließen von Alerts​

Wenn Sie den Benutzern die Möglichkeit geben möchten, das Alert zu schließen, können Sie es schließbar machen, indem Sie die Methode setClosable() aufrufen.

Alert alert = new Alert("Achtung! Dieses Alert kann geschlossen werden.");
closableAlert.setClosable(true);

Alerts tun oft mehr, als nur Nachrichten anzuzeigen – sie können Nachfolgeaktionen auslösen, wenn sie geschlossen werden. Verwenden Sie das AlertCloseEvent, um diese Fälle zu behandeln und zu reagieren, wenn der Benutzer das Alert schließt.

Code anzeigen

Wiederverwendbare Alert-Komponente

Das Schließen des Alerts blendet ihn nur aus – es zerstört die Komponente nicht, sodass Sie sie später bei Bedarf wiederverwenden können.

Styling​

Themen​

Die Alert-Komponente unterstützt mehrere Themen , um visuell unterschiedliche Arten von Nachrichten zu unterscheiden – wie Erfolg, Fehler, Warnung oder Info. Diese Themen können mit der Methode setTheme() oder direkt im Konstruktor angewendet werden.

Code anzeigen

Ausdehnungen​

Die Ausdehnung definiert die visuelle Größe der Alert-Komponente. Sie können sie mit der Methode setExpanse() festlegen oder direkt an den Konstruktor übergeben. Die verfügbaren Optionen stammen aus dem Expanse-Enum: XSMALL, SMALL, MEDIUM, LARGE und XLARGE.

Code anzeigen

Loading...