Zum Inhalt springen
TEXT UND ZAHLEN · FREE

NumericField

Zahleneingabe, die Grenzen und das Format Ihrer Benutzer beachtet.

Zahlen verdienen ein richtiges Eingabefeld. NumericField akzeptiert jeden numerischen Typ, auch Nullable-Typen, und hält den Wert innerhalb der von Ihnen gesetzten Grenzen.

Warum es hilft

  • Jeder numerische Typ, auch Nullable
  • Minimum und Maximum werden beachtet
  • Passt zur EditForm-Validierung

Wo es passt

  • Mengen und Preise
  • Alters- oder Anzahlfelder
  • Einstellungen mit Grenzen
Das Steuerelement NumericField auf einer RayCraft-Seite

Beispiel

<NumericField @bind-Value="_quantity" Label="Quantity" Min="0" Max="10" />
<NumericField @bind-Value="_price" Label="Price" Step="0.5" HelperText="Decimal values" />
<span>Quantity: @_quantity, price: @_price</span>

@code {
    private int _quantity = 3;
    private decimal _price = 9.5m;
}

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.

Alle Steuerelemente ยท Dokumentation