Tal förtjänar ett ordentligt inmatningsfält. NumericField accepterar vilken numerisk typ som helst, även nullable, och håller värdet inom de gränser du anger.
Varför det hjälper
- Alla numeriska typer, även nullable
- Minimum och maximum respekteras
- Passar EditForm-validering
Var det passar
- Kvantiteter och priser
- Ålders- eller antalsfält
- Inställningar med gränser
Exempel
<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;
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.