Events
The ToolBar exposes events for its built-in buttons which allow you to react when the user perform actions on them. Such actions would be a click event or changing the selected state for the toggle button. The available events are:
For custom (templated) items, handle the corresponding events exposed by the components/elements you place inside them.
OnClick
The OnClick
event fires when the user clicks on a button in the ToolBar (also applicable to toggle buttons).
@*When clicking on the button a message will be printed in your console*@
<TelerikToolBar>
<ToolBarButton Icon="@SvgIcon.Envelope"Link OnClick="@OnHyperlinkClick">Hyperlink</ToolBarButton>
</TelerikToolBar>
@code {
public void OnHyperlinkClick()
{
Console.WriteLine("The user clicked on the hyperlink button");
}
}
SelectedChanged
The SelectedChanged
event will fire when the user changes the state of the ToolBarToggleButton
. It is used for one-way data binding of the Selected
parameter and will prevent you from using two-way data binding (@bind-Selected
)
@*Handle the SelectedChangedEvent*@
<TelerikToolBar>
<TelerikToggleButton Selected="@Selected" SelectedChanged="@SelectedChangedHandler"></TelerikToggleButton>
</TelerikToolBar>
@code {
public bool Selected { get; set; }
public void SelectedChangedHandler(bool value)
{
Selected = value;
//your application logic regarding the change of the value
}
}