Texteingabe ui-text-input

Demo Ausprobieren

Fügt Ihrem Dashboard eine einzelne Texteingabezeile hinzu, mit einem konfigurierbaren "Typ" (Text, Passwort, etc.).

Eigenschaften

Prop	Dynamic	Description
Gruppe		Definiert, in welcher Gruppe des UI-Dashboards dieses Widget gerendert wird.
Größe		Steuert die Breite des Texteingabefeldes in Bezug auf die übergeordnete Gruppe. Der Maximalwert ist die Breite der Gruppe.
Symbol	✓	Rendert ein Material Design-Symbol innerhalb der Texteingabe. Es ist nicht notwendig, das "mdi-" Präfix einzuschließen.
Symbolposition	✓	Wenn "Symbol" definiert ist, steuert diese Eigenschaft, auf welcher Seite der "Beschriftung" das Symbol gerendert wird.
Symbol Innenposition	✓	Wenn "Symbol" definiert ist, steuert diese Eigenschaft, ob das Symbol innerhalb oder außerhalb des Texteingabefeldes gerendert wird.
Beschriftung	✓	Der Text, der innerhalb des Texteingabefeldes angezeigt wird. HTML-Inhalt ist erlaubt.
Tooltip		Der Text, der beim Überfahren des Texteingabefeldes angezeigt wird.
Modus	✓	Der Typ des anzuzeigenden HTML-Eingabefeldes. Optionen - text | password | email | number | tel | color | date | time | week | month | datetime-local
Durchreichen		Wenn dieser Knoten eine Nachricht in Node-RED erhält, sollte sie dann so durchgereicht werden, als ob ein neuer Wert in das Eingabefeld eingefügt wurde?
Senden bei "Verzögerung"		Wenn wahr, wird eine Nachricht nach der in "Verzögerung (ms)" angegebenen Verzögerung gesendet.
Verzögerung		Wenn "Senden bei Verzögerung" wahr ist, wird der Wert im Texteingabefeld nach dieser (ms) Verzögerung gesendet.
Auswahl mit Button löschen	✓	Wenn wahr, erscheint ein Löschsymbol/-button auf der rechten Seite, um die Texteingabe zu löschen.
Senden bei "Fokus verlassen"		Sendet eine Nachricht, wenn das Texteingabefeld den Fokus verliert. Wird immer gesendet, auch wenn sich der Wert nicht geändert hat.
Senden bei "Enter drücken"		Sendet eine Nachricht, wenn der Benutzer die Eingabetaste drückt. Wird immer gesendet, auch wenn sich der Wert nicht geändert hat.
Senden bei "Löschen-Button"		Sendet eine Nachricht, wenn der Benutzer die Texteingabe mit dem Löschen-Button löscht, der "Auswahl löschen"-Button muss aktiviert sein.

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
Klasse	msg.class	String
Modus	msg.ui_update.mode	String
Beschriftung	msg.ui_update.label	String
Symbol	msg.ui_update.icon	String
Symbolposition	msg.ui_update.iconPosition	String	links|rechts
Symbol Innenposition	msg.ui_update.iconInnerPosition	String	innen|außen
Löschbar	msg.ui_update.clearable	Boolean

Steuerungen

msg.	Example	Description
aktiviert	true | false	Ermöglicht die Steuerung darüber, ob die Texteingabe aktiviert ist oder nicht.

Beispiel

Beispiel von mehreren Texteingabetypen, die in einem Dashboard gerendert werden.