FTUI3 Inhalte an FHEM senden

Aus FHEMWiki
Version vom 29. Oktober 2024, 09:59 Uhr von Andreas r (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „== Zielsetzung == Wie können Werte aus FTUI3 Controls zurück an FHEM geschickt werden, um z. B. z.B. in ein Reading zu schreiben oder "direkt" per @click="sendFHEM..." auszuführen? == Umsetzung == Zunächst müssen die Controls (hier zum Beispiel drei Dropdowns), die Werte an FHEM verschicken sollen, mit einer ID versehen werden: <syntaxhighlight lang="html"> <ftui-dropdown id="mydevice" list=",dummy1,dummy2,dummy3" value="dummy1"></ftui-dropdown> <ft…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Zielsetzung

Wie können Werte aus FTUI3 Controls zurück an FHEM geschickt werden, um z. B. z.B. in ein Reading zu schreiben oder "direkt" per @click="sendFHEM..." auszuführen?

Umsetzung

Zunächst müssen die Controls (hier zum Beispiel drei Dropdowns), die Werte an FHEM verschicken sollen, mit einer ID versehen werden:

<ftui-dropdown id="mydevice" list=",dummy1,dummy2,dummy3" value="dummy1"></ftui-dropdown>
<ftui-dropdown id="myreading" list=",log1,log2" value="log1"></ftui-dropdown>
<ftui-dropdown id="myvalue" list=",10,20,30,40" value="10"></ftui-dropdown>

Zusätzlich benötigt man noch einen Button, der die Inhalte dann verschickt:

<ftui-button @click="sendFhem(`setreading ${window.mydevice.value} ${window.myreading.value}  ${window.myvalue.value}`)">
</ftui-button>

Über die ID kann dann auf die einzelnen Werte zugegriffen werden. Zu beachten ist dabei die Verwendung der einzelnen Back-Hochkommas (`...`)