FTUI Widget Select

Das Select Widget ist ein Widget für FHEM Tablet UI V2, 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>

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>