TabStrip Events
This article explains the events available in the Telerik TabStrip for Blazor:
ActiveTabIdChanged
The ActiveTabIdChanged event was added in version 9.0.0. It fires when the user changes the active tab. The event handler receives the new tab Id as a string argument. If the Id parameter of the TabStripTab is not set, the component generates a Guid automatically during initialization.
The ActiveTabIdChanged event is designed to work with the ActiveTabId parameter. Update the ActiveTabId parameter value manually in the ActiveTabIdChanged handler.
Using the TabStrip ActiveTabIdChanged event
OnStateChanged
The OnStateChanged event fires whenever the user interacts with the TabStrip and changes the active tab, visible tabs, pinned tabs, or tab order.
The event handler receives a TabStripStateEventArgs argument with a TabStripState property. Read more details in the State Management article.
Using the TabStrip OnStateChanged event
OnStateInit
The OnStateInit event fires once when the TabStrip initializes. Unlike other Telerik Blazor components where OnStateInit fires early in the component lifecycle, the TabStrip fires it during OnAfterRenderAsync on the first render. This later timing is required by the component to detect which tabs are overflowing before the initial state is reported.
Use this event to inspect, customize, or restore the initial state of the TabStrip, for example, from a persistent storage.
When setting the active tab through the TabStrip state, also set the ActiveTabId parameter.
The event handler receives a TabStripStateEventArgs argument with a TabStripState property. Read more details in the State Management article.
Using the TabStrip OnStateInit event
OnTabDrop
The OnTabDrop event fires when the user completes a tab reorder and releases the dragged tab. Unlike the OnTabReorder event, OnTabDrop always fires once per reorder operation.
The OnTabDrop event handler receives a TabStripTabDropEventArgs argument.
To enable tab reordering, set the TabStrip EnableTabReorder parameter to true.
Using the TabStrip OnTabDrop event
OnTabReorder
The OnTabReorder event fires when a tab changes its order index during user dragging. The event can fire multiple times during a single user reorder operation. Compare with OnTabDrop, which fires only once per reorder operation.
The OnTabReorder event handler receives a TabStripTabReorderEventArgs argument.
To enable tab reordering, set the TabStrip EnableTabReorder parameter to true.
Tab reordering also triggers the OnStateChanged event, which fires before OnTabReorder.
Using the TabStrip OnTabReorder event
PinnedChanged
The Tab PinnedChanged event fires when the user pins or unpins a tab. The event handler receives a boolean value with the new tab pinned state.
Update the Pinned parameter value in the PinnedChanged handler.
Using the TabStripTab PinnedChanged event
VisibleChanged
The Tab VisibleChanged event fires when the user closes a tab. The event handler receives a boolean value with the new tab visibility.
Update the Visible parameter value in the VisibleChanged handler. You can also display a confirmation prompt before hiding a tab or reuse a single handler for multiple tabs.
Using the TabStripTab VisibleChanged event