The Progress Button component triggers events based on its actions. The events can be used as extension points to perform custom operations.
The events available in Progress Button are OnFailure
, OnBegin
, Progressing
, and OnEnd
.
@using Syncfusion.Blazor.SplitButtons
<div id="preview">@eventName Event Triggered</div>
<SfProgressButton Content="Progress">
<ProgressButtonEvents OnBegin="Begin" OnEnd="End" Progressing="Progressing"></ProgressButtonEvents>
</SfProgressButton>
@code {
private string eventName = "No";
public void Begin(Syncfusion.Blazor.SplitButtons.ProgressEventArgs args)
{
eventName = "Begin";
}
public void End(Syncfusion.Blazor.SplitButtons.ProgressEventArgs args)
{
eventName = "End";
}
public void Progressing(Syncfusion.Blazor.SplitButtons.ProgressEventArgs args)
{
eventName = "Progressing";
}
}
<style>
#preview {
float: right;
padding: 0 350px 0 0;
}
</style>
Output be like