Início / coding / Perguntas / 79570099
Accepted
Swati Chandra
Asked: 2025-04-12 14:19:11 +0800 CST

Como acessar eventos de Incremento e Decremento no MudNumericField no MudBlazor?

  • 772

Estou usando o componente MudNumericField no meu projeto MudBlazor com um valor de passo de 0,5M, portanto, apenas valores como 0,5, 1,0, 1,5, etc., são permitidos. Se um usuário inserir manualmente um valor como 1,23, um erro será exibido — o que é esperado.

No entanto, se o usuário inserir 1,23 e usar as setas para cima/baixo do mouse, o novo valor se tornará 1,73 ou 0,73 (ou seja, 1,23 ± 0,5), o que eu não quero. Gostaria de arredondar o valor para uma casa decimal após cada incremento/decremento — por exemplo, passando de 1,23 para 1,5 em vez de 1,73.

Notei que OnKeyUp e OnKeyDown funcionam para interações de teclado, mas não para cliques do mouse nos botões giratórios.

Existe uma maneira de me conectar aos eventos de incremento/decremento do MudNumericField para que eu possa aplicar minha lógica de arredondamento? Ainda sou novo no MudBlazor.

Código

<MudNumericField
T="decimal"
@bind-Value="@Days"
Label="Days"
Variant="@Variant.Text"
Min="0.5M"
Max="100"
Step="0.5M"
Error="@(!IsDaysMultipleOfHalf)"
/>
mudblazor

1 respostas

  1. Best Answer

    Você pode usar Value& ValueChangedpropriedades em vez de @bind-Valuepara manipular lógica personalizada.

    Aqui no exemplo, arredondamos o valor para o passo de 0,5 mais próximo diretamente, então, se o usuário inserir 1,23, ele arredondará automaticamente e vinculará o valor a 1 ou, se o usuário inserir 1,73, ele alterará o valor para 1,5. Isso também significa que a Errorpropriedade não é realmente necessária.

    <MudNumericField T="decimal" Value="@Days" ValueChanged="HandleChange" Label="Days" Variant="@Variant.Text" Min="0.5M" Max="100" Step="0.5M"/>

@code {
    public decimal Days {get;set;}

    void HandleChange(decimal newValue){
        Days = Math.Round(newValue * 2, MidpointRounding.AwayFromZero) / 2;
    }
}

    Trecho de demonstração

    • 0

relate perguntas