<kendo:panelBar>

A JSP wrapper for Kendo UI PanelBar.

Configuration Attributes

animation boolean

A collection of visual animations used when PanelBar items are expand or collapsed through user interactions. Setting this option to false will disable all animations. is not a valid configuration. Further configuration is available via kendo:panelBar-animation.

Example

<kendo:panelBar animation="animation">
</kendo:panelBar>

autoBind 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.

Example

<kendo:panelBar autoBind="autoBind">
</kendo:panelBar>

contentUrls java.lang.Object

Sets an array with the URLs from which the PanelBar items content to be loaded from. If only specific items should be loaded via Ajax, then you should set the URLs to the corresponding positions in the array and set the other elements to null.

Example

<kendo:panelBar contentUrls="contentUrls">
</kendo:panelBar>

dataImageUrlField java.lang.String

Sets the field of the data item that provides the image URL of the PanelBar nodes.

Example

<kendo:panelBar dataImageUrlField="dataImageUrlField">
</kendo:panelBar>

dataSpriteCssClassField java.lang.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.

Example

<kendo:panelBar dataSpriteCssClassField="dataSpriteCssClassField">
</kendo:panelBar>

dataTextField java.lang.Object

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.

Example

<kendo:panelBar dataTextField="dataTextField">
</kendo:panelBar>

dataUrlField java.lang.String

Sets the field of the data item that provides the link URL of the nodes.

Example

<kendo:panelBar dataUrlField="dataUrlField">
</kendo:panelBar>

expandMode java.lang.String

Specifies how the PanelBar items are displayed when opened and closed. The following values are available:

Example

<kendo:panelBar expandMode="expandMode">
</kendo:panelBar>

loadOnDemand 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.

Example

<kendo:panelBar loadOnDemand="loadOnDemand">
</kendo:panelBar>

template java.lang.String

Template for rendering each node.

Example

<kendo:panelBar template="template">
</kendo:panelBar>

Configuration JSP Tags

kendo:panelBar-animation

A collection of visual animations used when PanelBar items are expand or collapsed through user interactions. Setting this option to false will disable all animations. is not a valid configuration.

More documentation is available at kendo:panelBar-animation.

Example

<kendo:panelBar>
    <kendo:panelBar-animation></kendo:panelBar-animation>
</kendo:panelBar>

kendo:panelBar-items

Contains the items of the panelbar widget

More documentation is available at kendo:panelBar-items.

Example

<kendo:panelBar>
    <kendo:panelBar-items></kendo:panelBar-items>
</kendo:panelBar>

kendo:panelBar-messages

The text messages displayed in the widget. Use it to customize or localize the messages.

More documentation is available at kendo:panelBar-messages.

Example

<kendo:panelBar>
    <kendo:panelBar-messages></kendo:panelBar-messages>
</kendo:panelBar>

Event Attributes

activate String

Triggered when an item of a PanelBar is activated.

For additional information check the activate event documentation.

Example

<kendo:panelBar activate="handle_activate">
</kendo:panelBar>
<script>
    function handle_activate(e) {
        // Code to handle the activate event.
    }
</script>

collapse String

Triggered when an item of a PanelBar is collapsed.

For additional information check the collapse event documentation.

Example

<kendo:panelBar collapse="handle_collapse">
</kendo:panelBar>
<script>
    function handle_collapse(e) {
        // Code to handle the collapse event.
    }
</script>

contentLoad String

Fires when content is fetched from an AJAX request.

For additional information check the contentLoad event documentation.

Example

<kendo:panelBar contentLoad="handle_contentLoad">
</kendo:panelBar>
<script>
    function handle_contentLoad(e) {
        // Code to handle the contentLoad event.
    }
</script>

dataBound String

Triggered after the dataSource change event has been processed (adding/removing items);

For additional information check the dataBound event documentation.

Example

<kendo:panelBar dataBound="handle_dataBound">
</kendo:panelBar>
<script>
    function handle_dataBound(e) {
        // Code to handle the dataBound event.
    }
</script>

error String

Fires when AJAX request results in an error.

For additional information check the error event documentation.

Example

<kendo:panelBar error="handle_error">
</kendo:panelBar>
<script>
    function handle_error(e) {
        // Code to handle the error event.
    }
</script>

expand String

Triggered when an item of a PanelBar is expanded.

For additional information check the expand event documentation.

Example

<kendo:panelBar expand="handle_expand">
</kendo:panelBar>
<script>
    function handle_expand(e) {
        // Code to handle the expand event.
    }
</script>

select String

Triggered when an item of a PanelBar is selected by the user.

For additional information check the select event documentation.

Example

<kendo:panelBar select="handle_select">
</kendo:panelBar>
<script>
    function handle_select(e) {
        // Code to handle the select event.
    }
</script>

Event Tags

kendo:panelBar-activate

Triggered when an item of a PanelBar is activated.

For additional information check the activate event documentation.

Example

<kendo:panelBar>
    <kendo:panelBar-activate>
        <script>
            function(e) {
                // Code to handle the activate event.
            }
        </script>
    </kendo:panelBar-activate>
</kendo:panelBar>

kendo:panelBar-collapse

Triggered when an item of a PanelBar is collapsed.

For additional information check the collapse event documentation.

Example

<kendo:panelBar>
    <kendo:panelBar-collapse>
        <script>
            function(e) {
                // Code to handle the collapse event.
            }
        </script>
    </kendo:panelBar-collapse>
</kendo:panelBar>

kendo:panelBar-contentLoad

Fires when content is fetched from an AJAX request.

For additional information check the contentLoad event documentation.

Example

<kendo:panelBar>
    <kendo:panelBar-contentLoad>
        <script>
            function(e) {
                // Code to handle the contentLoad event.
            }
        </script>
    </kendo:panelBar-contentLoad>
</kendo:panelBar>

kendo:panelBar-dataBound

Triggered after the dataSource change event has been processed (adding/removing items);

For additional information check the dataBound event documentation.

Example

<kendo:panelBar>
    <kendo:panelBar-dataBound>
        <script>
            function(e) {
                // Code to handle the dataBound event.
            }
        </script>
    </kendo:panelBar-dataBound>
</kendo:panelBar>

kendo:panelBar-error

Fires when AJAX request results in an error.

For additional information check the error event documentation.

Example

<kendo:panelBar>
    <kendo:panelBar-error>
        <script>
            function(e) {
                // Code to handle the error event.
            }
        </script>
    </kendo:panelBar-error>
</kendo:panelBar>

kendo:panelBar-expand

Triggered when an item of a PanelBar is expanded.

For additional information check the expand event documentation.

Example

<kendo:panelBar>
    <kendo:panelBar-expand>
        <script>
            function(e) {
                // Code to handle the expand event.
            }
        </script>
    </kendo:panelBar-expand>
</kendo:panelBar>

kendo:panelBar-select

Triggered when an item of a PanelBar is selected by the user.

For additional information check the select event documentation.

Example

<kendo:panelBar>
    <kendo:panelBar-select>
        <script>
            function(e) {
                // Code to handle the select event.
            }
        </script>
    </kendo:panelBar-select>
</kendo:panelBar>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy