PanelBar Events

The Kendo UI for Angular PanelBar emits a number of events which enable you to control its behavior upon user interaction.

The following list contains all available PanelBar events:

• itemClick—Fires when an item is clicked.
• select—Fires when an item is about to be selected. The event is preventable. If you cancel it, the item will not be selected.
• expand—Fires when an item is about to be expanded. The event is preventable. If you cancel it, the item will remain collapsed.
• collapse—Fires when an item is about to be collapsed. The event is preventable. If you cancel it, the item will remain expanded.
• stateChange—Fires each time the user interacts with a PanelBar item.

The select event is fired before the expand or collapse events respectively. If the developer prevents the select event, the subsequent operations will not be executed.

The following example demonstrates all events the PanelBar features.

Suggested Links

• API Reference of the PanelBar
• API Reference of the PanelBarItem