Search results

Trace events of ProgressButton

The ProgressButton component triggers events based on its actions. The events can be used as extension points to perform custom operations.

The events available in ProgressButton are OnFailure, OnBegin, Progressing, and OnEnd.

@using Syncfusion.EJ2.Blazor.SplitButtons

<div id="preview">@eventName Event Triggered</div>
<EjsProgressButton Content="Progress">
    <ProgressButtonEvents OnBegin="Begin" OnEnd="End" Progressing="Progressing"></ProgressButtonEvents>
</EjsProgressButton>

@code {
    private string eventName = "No";
    public void Begin(ProgressEventArgs args)
    {
        this.eventName = "Begin";
    }
    public void End(ProgressEventArgs args)
    {
        this.eventName = "End";
    }
    public void Progressing(ProgressEventArgs args)
    {
        this.eventName = "Progressing";
    }
}

<style>
    #preview {
        float: right;
        padding: 0 350px 0 0;
    }
</style>

Output be like

Progress Button Sample