<kendo:splitter>

A JSP wrapper for Kendo UI Splitter.

Configuration Attributes

orientation java.lang.String

Specifies the orientation of the widget. Supported values are "horizontal" and "vertical".

Example

<kendo:splitter orientation="orientation">
</kendo:splitter>

Configuration JSP Tags

kendo:splitter-panes

Defines the panes of the splitter

More documentation is available at kendo:splitter-panes.

Example

<kendo:splitter>
    <kendo:splitter-panes></kendo:splitter-panes>
</kendo:splitter>

Event Attributes

collapse String

Triggered when a pane of a Splitter is collapsed.

For additional information check the collapse event documentation.

Example

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

contentLoad String

Triggered when the content for a pane has finished loading.

For additional information check the contentLoad event documentation.

Example

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

error String

Triggered when the AJAX request that fetches a pane content has failed.

For additional information check the error event documentation.

Example

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

expand String

Triggered when a pane of a Splitter is expanded.

For additional information check the expand event documentation.

Example

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

layoutChange String

This event is now obsolete and will be removed in the future. Please use the resize event instead.Fires when the splitter layout has changed

For additional information check the layoutChange event documentation.

Example

<kendo:splitter layoutChange="handle_layoutChange">
</kendo:splitter>
<script>
    function handle_layoutChange(e) {
        // Code to handle the layoutChange event.
    }
</script>

resize String

Triggered when a pane is resized.

For additional information check the resize event documentation.

Example

<kendo:splitter resize="handle_resize">
</kendo:splitter>
<script>
    function handle_resize(e) {
        // Code to handle the resize event.
    }
</script>

Event Tags

kendo:splitter-collapse

Triggered when a pane of a Splitter is collapsed.

For additional information check the collapse event documentation.

Example

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

kendo:splitter-contentLoad

Triggered when the content for a pane has finished loading.

For additional information check the contentLoad event documentation.

Example

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

kendo:splitter-error

Triggered when the AJAX request that fetches a pane content has failed.

For additional information check the error event documentation.

Example

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

kendo:splitter-expand

Triggered when a pane of a Splitter is expanded.

For additional information check the expand event documentation.

Example

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

kendo:splitter-layoutChange

This event is now obsolete and will be removed in the future. Please use the resize event instead.Fires when the splitter layout has changed

For additional information check the layoutChange event documentation.

Example

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

kendo:splitter-resize

Triggered when a pane is resized.

For additional information check the resize event documentation.

Example

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

Give article feedback

Tell us how we can improve this article

close
Dummy