Il nuovo controllo Range di Blazor 9
di 
Marco De Sanctis, in ASP.NET Core,
Tra le novità dell'ultima versione di Blazor 9, spicca il supporto al data type Range, che normalmente viene renderizzato dal browser come una slide bar.
Per esempio, possiamo sfruttarlo nella pagina Counter per impostare l'incremento desiderato:
@page "/counter"
<PageTitle>Counter</PageTitle>
<h1>Counter</h1>
<p role="status">Current count: @currentCount</p>
<p>Increment: <input type="range" min="1" max="5" @bind="increment" /> @increment</p>
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
@code {
private int currentCount = 0;
private int increment = 1;
private void IncrementCount()
{
currentCount+= increment;
}
}Il risultato finale sarà simile a quello della figura:
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Creare una cache temporanea in JavaScript
Gestire progetti NPM in .NET Aspire
Validazione personalizzata nelle Minimal API di ASP.NET Core
Utilizzare AbortController per cancellare operazioni asincrone in JavaScript
DevSecOps per .NET: dalla teoria alla pratica
Utilizzare le direttive più importanti in una file based app .NET
Impostare la content-visibility in CSS per ottimizare il rendering iniziale di una pagina
Eseguire una ExecuteUpdateAsync senza usare un'expression con Entity Framework
Keynote Global Azure 2026 - ASPItalia.com
Analizzare il contenuto di una issue con GitHub Models e AI
Esporre un server MCP esistente con Azure API Management
Creare comandi nella dashboard .NET Aspire
