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
Esporre un server MCP con Azure API Management
Ridurre il reflow ottimizzando il CSS
Controllare la telemetria con .NET Aspire
Integrare modelli AI in un workflow di GitHub
.NET Aspire per applicazioni distribuite
Eseguire una ricerca avanzata per recuperare le issue di GitHub
Definire il metodo di rilascio in .NET Aspire
Documentare i servizi REST con Swagger e OpenAPI con .NET 9
Centralizzare gli endpoint AI Foundry con Azure API Management
Escludere alcuni file da GitHub Secret Scanning
Gestire progetti NPM in .NET Aspire
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
