Kendo UI for jQuery PanelBar Overview

The PanelBar displays hierarchical data as a multi-level, expandable component.

Depending on the requirements, you can define its structure by using HTML or by dynamically configuring it through the PanelBar API. The content of the PanelBar items can also be loaded through AJAX by specifying a content URL.

Kendo UI for jQuery Kendoka image

The PanelBar is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Kendo UI for jQuery PanelBar Overview

Functionality and Features

  • Data binding–The PanelBar allows you to bind its HierarchicalDataSource either to local data arrays or to remote data.
  • Expand modes–You can also set either the single or the multiple node expansion mode to the PanelBar component.
  • Animations–The PanelBar supports various open and close animations.
  • Items–You can use the available approaches and add and remove PanelBar items.
  • Content operations–The PanelBar provides options for nesting the content of its items and to load its content with AJAX.

Next Steps

See Also

In this article