ioBroker VIS – jQuery-UI-Stil Widgets – Button State

Im folgenden Artikel zeige ich Dir, wie Du die Button State Schaltfläche für das setzen von Objektwerten verwenden kannst.

Installation der jQuery-UI Widgets
Falls Du die jQuery-UI_Stil Widgets noch nicht installierst hast, wechsle nun in den Bereich „Adapter“ und installiere hier den folgenden Adapter. Wenn Du den Adapter schon installiert hast, kannst Du diesen Abschnitt überspringen.

Auf dem folgenden Fenster kannst Du den Server (nur wirklich relevant im MultiHost-Betrieb) sowie die gewünschte Instanznummer festlegen. Ich lasse die Einstellung in der Regel auf Auto stehen, sodass ioBroker selber die Instanznummer vergibt. Mit Hinzufügen wird der Adapter dann installiert.

Einfügen und Konfiguration im VIS-Editor
Nach der Installation des Adapters wechseln wir in den VIS-Editor und wählen unsere View aus, auf die wir das Button-State-Widget einfügen möchten. Wir ziehen dann das Widget per Drag&Drop auf die View.

Mit einem Klick auf das Widget werden die Einstellungen eingeblendet. In den Einstellungen des Widgets können wir nun den Datenpunkt „Object ID“ auswählen, welcher den Wert des Button-State-Widgets aufnehmen soll. Über die Einstellung „Kopftext“ kann die Beschriftung des Buttons gesetzt werden. Mit der Einstellung „Wert“ wird der Wert definiert, welcher in die oben definierte Object ID nach einem Klick auf den Button eingesetzt werden soll. In meinem Beispiel möchte ich den Datenpunkt auf den logischen Wert „true“ setzen.

Wenn wir nun die View ausführen und auf die Schaltfläche klicken, dann wird in den definierten Datenpunkt der logische Wert „true“ eingetragen. Ich nutzte dieses Widget für das Setzen der verschiedenen Farbmodis meines ESP8266 Deko Lichts.

Ich hoffe euch gefällt dieser Artikel. Über Kommentare unterhalb des Artikels oder per E-Mail freue ich mich wie immer 🙂