Radio-Gruppe ui-radio-group
Demo Ausprobieren Fügt Ihrem Dashboard eine Radio-Gruppe hinzu, die Werte in Node-RED unter msg.payload ausgibt, sobald ein Wert ausgewählt wird.
Programmatische Auswahlen
Sie können dynamisch Auswahlen für dieses Dropdown treffen, indem Sie den jeweiligen Wert an msg.payload übergeben, z.B. msg.payload = "option1".
Auswahl löschen
Um eine Auswahl für ein Dropdown zu löschen, übergeben Sie einen leeren String "" als msg.payload.
Eigenschaften
| Prop | Dynamic | Description |
|---|---|---|
| Gruppe | Definiert, in welcher Gruppe des UI-Dashboards dieses Widget gerendert wird. | |
| Beschriftung | ✓ | Der Text, der über der Radio-Gruppe angezeigt wird, um den Benutzer über die verfügbaren Optionen zu informieren. HTML-Inhalt ist erlaubt. |
| Optionen | ✓ | Eine Liste der in der Radio-Gruppe verfügbaren Optionen. Jede Zeile definiert eine `Beschriftung` (wird neben jedem Radio-Button angezeigt) und eine `Wert`-Eigenschaft (wird bei Auswahl ausgegeben). |
| Spalten | ✓ | Die Anzahl der Rasterspalten, in denen die Radio-Gruppe gerendert wird. Dies ist nützlich, wenn Sie die Optionen horizontal rendern möchten oder wenn Sie viele Optionen haben und vertikalen Platz sparen möchten. |
| Thema | Das `msg.topic`, das in allen ausgegebenen Werten enthalten sein wird. |
Dynamische Eigenschaften
Dynamic properties are those that can be overriden at runtime by sending a particular msg to the node.
Where appropriate, the underlying values set within Node-RED will be overriden by the values set in the received messages.
| Prop | Payload | Structures | Example Values |
|---|---|---|---|
| Beschriftung | msg.ui_update.label | String | |
| Optionen | msg.ui_update.options |
| |
| Klasse | msg.ui_update.class | String | |
| Spalten | msg.ui_update.columns | Number |
Beispiel
Beispiel einer gerenderten Radio-Gruppe in einem Dashboard mit 2 Spalten.