Dall'archivio script > ASP.NET Core

Il nuovo controllo Range di Blazor 9

di Marco De SanctisMarco 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

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn
Aggiorna

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi