FTUI Widget Select

Aus FHEMWiki
Version vom 26. Januar 2018, 14:51 Uhr von Baumbuwe (Diskussion | Beiträge) (catsort)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springen Zur Suche springen

Das Select Widget ist ein Widget für FHEM Tablet UI, mit dem eine ausklappbare Auswahlbox erstellt werden kann. Die auswählbaren Werte können frei definiert oder von FHEM empfangen werden.


Attribute

Attribut Beschreibung Standard-Wert Beispiel
data-get Name des Device-Readings, welches angezeigt werden soll STATE WoZi_Lichtszene
data-set Name des Device-Readings, welches geändert werden soll (<Befehl> <Device> <Reading> <Wert>) STATE
data-list Name des Device-Readings, von dem eine durch data-delimiter getrennte Liste von Werten empfangen werden soll
data-items Ein Array fixer Werte, die im Widget angezeigt und an FHEM gesendet werden soll (wenn data-list leer ist) ["sAllesAn","sAllesAus","sLesen","sEssen]
data-alias Ein Array fester Namen als Alias zu den von data-items empfangenen Werten ["Alles An","Alles Aus","Lesen","Essen"
data-cmd Befehl, der an FHEM gesendet werden soll set setstate, set, setreading, trigger
data-quote Zeichen, mit denen der gesendete Wert umschlossen werden soll "
data-delimiter Zeichen, durch das Listenelemente getrennt werden :
class wider, w1x, w2x, w3x, large, big, notransmit

CSS Klassen

Klasse Beschreibung
wider 15px Abstand rund um das Element
w1x Einfache fixe Breite
w2x Doppelte fixe Breite
w3x Dreifache fixe Breite
large Setzt die Größe des Elementes auf 125%
big Setzt die Größe des Elementes auf 150%
notransmit Verhindert den Versand von Befehlen an FHEM

Beispiele

Combobox um die Inputs eines AV-Receivers auszuwählen

Zwei Comboboxen mit denen die Eingänge eines AV-Receivers geschalten werden können. Die Werte für Zone 1 werden von FHEM empfangen, die für Zone 2 sind fix vorgegeben.

<div>
   <div data-type="label">Zone2</div>
   <div data-type="select"
        data-device="AvReceiver"
        data-items='["Airplay","Webradio","BD/DVD","PHONO"]'
        data-get="input"
        data-set="input"></div>

   <div data-type="label">Zone1</div>
   <div data-type="select"
        data-device="AvReceiver"
        data-list="inputs"
        data-get="input"
        data-set="input"></div>
</div>

Select tabeltUI.png

Auswahl verschiedener Licht-Szenen

Auflistung mehrerer Lichtszenen, die anders heißen sollen, als sie in FHEM benannt sind.

<div data-type="select"
   data-device="lsWohnzimmer"
   data-set="scene"
   data-list="scenes"
   data-items='["sStandard","sAllesAn","sAllesAus","sEssen","sFernsehen","sComputern"]'
   data-alias='["Standard","Alle An","Alle Aus","Essen","Fernsehen","Computern"]'>
</div>

Ftui-widget-select-02.png