Back to Devexpress

DxButtonBase.Click Event

blazor-devexpress-dot-blazor-dot-dxbuttonbase-ccca0f8f.md

latest1.6 KB
Original Source

DxButtonBase.Click Event

Executes when the button is clicked.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public EventCallback<MouseEventArgs> Click { get; set; }

Event Data

The Click event's data class is MouseEventArgs.

Remarks

Handle this event to respond to button click.

razor
<p>Likes: @likes</p>
<DxButton Click="Like" Text="Like" />

@code {
    int likes;
    protected override void OnInitialized()
    {
        likes = 1;
    }
    void Like(MouseEventArgs args)
    {
        likes++;
    }
}
razor
<p>Likes: @likes</p>
<DxButton Click="LikeAsync" Text="Like" />

@code {
    int likes;
    protected override void OnInitialized()
    {
        likes = 1;
    }
    async Task LikeAsync(MouseEventArgs args)
    {
        await Task.Delay(1000); // Simulate a 1-second delay
        likes++;
    }
}

To use the button to submit a form, set the SubmitFormOnClick option to true.

Run Demo: Button — Custom Content

See Also

DxButtonBase Class

DxButtonBase Members

DevExpress.Blazor Namespace