Zahleneingabe ui-number-input

Demo Ausprobieren

Fügt Ihrem Dashboard eine einzelne Zahleneingabezeile hinzu.

Eigenschaften

Prop	Dynamic	Description
Gruppe		Definiert, in welcher Gruppe des UI-Dashboards dieses Widget gerendert wird.
Größe		Steuert die Breite des Zahleneingabefeldes in Bezug auf die übergeordnete Gruppe. Der Maximalwert ist die Breite der Gruppe.
Symbol	✓	Rendert ein Material Design-Symbol innerhalb der Zahleneingabe. 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 Zahleneingabefeldes gerendert wird.
Beschriftung	✓	Die Zahl, die im Zahleneingabefeld angezeigt wird. HTML-Inhalt ist erlaubt.
Min	✓	Definiert den minimal zulässigen Wert für das Zahleneingabefeld.
Max	✓	Definiert den maximal zul��ssigen Wert für das Zahleneingabefeld.
Schritt	✓	Legt den Inkrement-/Dekrement-Schritt zum Anpassen des Zahlenwerts im Eingabefeld fest.
Spinner	✓	Legt das Layout der Spinner entweder als inline oder gestapelt fest.
Tooltip		Die Zahl, die beim Überfahren des Zahleneingabefeldes angezeigt wird.
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?
Auswahl mit Button löschen	✓	Wenn wahr, erscheint ein Löschsymbol/-button auf der rechten Seite, um die Zahleneingabe zu löschen.
Senden bei "Löschen-Button"		Senden Sie eine Nachricht, wenn der Benutzer die Zahleneingabe 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
Beschriftung	msg.ui_update.label	String
Löschbar	msg.ui_update.clearable	Boolean
Symbol	msg.ui_update.icon	String
Symbolposition	msg.ui_update.iconPosition	String	links|rechts
Symbol Innenposition	msg.ui_update.iconInnerPosition	String	innen|außen
Min	msg.ui_update.min	Number
Max	msg.ui_update.max	Number
Schritt	msg.ui_update.step	Number
Spinner	msg.ui_update.spinner	String

Steuerungen

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

Beispiel

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