PanelBarTagHelper

Example

Razor

<kendo-panelbar>
    <animation></animation>
    <hierarchical-datasource></hierarchical-datasource>
    <items></items>
    <li></li>
    <messages />
</kendo-panelbar>

ChildTags

Tag Name	Details
animation	PanelBarAnimationSettingsTagHelper
hierarchical-datasource	HierarchicalDataSourceTagHelper
items	PanelBarItemsTagHelper
li
messages	PanelBarMessagesSettingsTagHelper

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
bind-to	IEnumerable<PanelBarItemBase>	Binds a list of items to the PanelBar.
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-module	Boolean
auto-bind	Boolean	If set to false the widget will not bind to the data source during initialization. In this case data binding will occur when the change event of the data source is fired. By default the widget will bind to the data source specified in the configuration.
data-icon-class-field	String	Sets the field of the data item that provides the custom class for the icon element of the PanelBar nodes.
data-icon-field	String	Sets the field of the data item that provides the icon name of the PanelBar nodes.
data-image-url-field	String	Sets the field of the data item that provides the image URL of the PanelBar nodes.
data-source-id	String	The Id of the data source.
data-sprite-css-class-field	String	Sets the field of the data item that provides the sprite CSS class of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array.
data-text-field	String	Sets the field of the data item that provides the text content of the nodes. If an array, each level uses the field that is at the same index in the array, or the last item in the array.
data-url-field	String	Sets the field of the data item that provides the link URL of the nodes.
expand-mode	String	Specifies how the PanelBar items are displayed when opened and closed. The following values are available:
has-client-component	Boolean
load-on-demand	Boolean	Indicates whether the child DataSources should be fetched lazily when parent groups get expanded. Setting this to false causes all child DataSources to be loaded at initialization time.
on-activate	String	Triggered when an item of a PanelBar is activated.
on-collapse	String	Triggered when an item of a PanelBar is collapsed.
on-content-load	String	Fires when content is fetched from an AJAX request.
on-data-bound	String	Triggered after the dataSource change event has been processed (adding/removing items);
on-error	String	Fires when AJAX request results in an error.
on-expand	String	Triggered when an item of a PanelBar is expanded.
on-select	String	Triggered when an item of a PanelBar is selected by the user.
sanitize-id	Boolean
script-attributes	IDictionary<String,Object>
template	String	Template for rendering each node.
template-handler	String	Template for rendering each node.
template-id	String	Template for rendering each node.
template-view	IHtmlContent	Template for rendering each node.