Blog

Blazor bileşenlerinizdeki onClick gibi HTML olaylarına olay işleyicileri bağlamak kolaydır, ancak ek bilgileri ve farklı türde argümanları nasıl geçirebilirsiniz?

Blazor’da bir butona tıklandığında bir eylemin gerçekleştirilmesini istediğinizi varsayalım.

Bunu Blazor’un olay işleme sözdizimini kullanarak yapmak kolaydır.

Bir metodu bir HTML öğesi olayına bağlayabilirsiniz ve Blazor söz konusu olay için o metodu olay işleyicisi olarak çağıracaktır.

@page "/sayHello"

<button @onclick="GreetMe">Click me!</button>

@Message

@code {  
    string Message { get; set; }

    void GreetMe()
    {
        Message = "Hello";
    }    
}

GreetMe Butona tıklandığında Blazor devreye girecek ve kullanıcı dostça (biraz hayal gücü gerektirmeyen) bir selamlama görecek.

Olay işleyiciniz, Blazor’un işleyiciyi çağırdığında otomatik olarak ekleyeceği onclick bir parametreyi isteğe bağlı olarak kabul edebilir .MouseEventArgs

@code {  
    string Message { get; set; }

    void GreetMe(MouseEventArgs args)
    {
        if (args.AltKey)
            Message = "Greetings";
        else
            Message = "Hello";
    }    
}

Artık butona tıklandığında kullanıcı tarafından tuşa basılı tutulup tutulmadığı gibi ekstra ayrıntılara kolayca erişebiliyoruz; 
ALTbu durumda basılı tutulmuşsa farklı bir selamlama gösteriliyor.