Pages

Button: State

Beschreibung

Der State Button ist ein dynamisches Bedienelement, das sich je nach Zustand verändert.
Er passt seinen Text, das Bild und das Verhalten basierend auf definierten Bedingungen an.

Im Gegensatz zu statischen Buttons reagiert er in Echtzeit auf Systemvariablen.
Die verschiedenen Zustände werden mit JavaScript-basierten Bedingungen festgelegt.

Hauptfunktionen

Zustandsabhängiges Verhalten

  • Definiere mehrere Bedingungen mit JavaScript
  • Ändere dynamisch:
    • Label (Text)
    • Bild
    • Auszuführende Funktion

Dynamische Ausführung

  • Jeder Zustand kann eine eigene Aktion auslösen
  • Ideal für Logiken wie:
    „Wenn System läuft → Stop, sonst → Start“

Visuelle Anpassung

  • Zeige unterschiedliche Icons, Texte oder Farben je nach Zustand
  • Verbessert Rückmeldung und Bedienkomfort für den Nutzer

Integration

  • Kann mit jeder beliebigen Variablen über [code_block_0] verbunden werden
  • Eignet sich besonders für Visualisierungen mit Echtzeitverhalten (HMI, SCADA)

Anwendungsbeispiele

Szenario Beispielverhalten
Zwischen Zuständen wechseln Start ↔ Stop je nach Wert von [code_block_1]
Fehlerbehandlung Zeige „Reset“-Button, wenn [code_block_2]
Visuelle Zustandsanzeige Ändere Icon je nach aktivem/ deaktiviertem Feature

Minimalbeispiel in JavaScript

Angenommen, der Button ist mit einer Variablen namens [code_block_1] verbunden:

[code_block_4]