New to Kendo UI for Angular? Start a free 30-day trial

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:

  • selectFires when an item is about to be selected. The event is preventable. If you cancel it, the item will not be selected.
  • expandFires when an item is about to be expanded. The event is preventable. If you cancel it, the item will remain collapsed.
  • collapseFires when an item is about to be collapsed. The event is preventable. If you cancel it, the item will remain expanded.
  • stateChangeFires 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.

Example
View Source
Change Theme:

In this article

Not finding the help you need?