<kendo:scrollView>

A JSP wrapper for Kendo UI ScrollView.

Configuration Attributes

ARIATemplate java.lang.String

Specifies a template is used to populate an aria-live element that anounces which is the current item.

Example

<kendo:scrollView ARIATemplate="ARIATemplate">
</kendo:scrollView>

autoBind boolean

If set to false the widget will not bind to the DataSource during initialization.

Example

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

bounceVelocityThreshold float

The intensity of the swipe after which the swipe will result in a bounce effect when the user scrolls to the next page. Higher values require more accelerative swipe to notice the bounce effect when a page is changed.

Example

<kendo:scrollView bounceVelocityThreshold="bounceVelocityThreshold">
</kendo:scrollView>

contentHeight java.lang.String

The height of the ScrollView content.

Example

<kendo:scrollView contentHeight="contentHeight">
</kendo:scrollView>

duration float

The duration (in milliseconds) for the ScrollView to snap to the current page after the user releases it.

Example

<kendo:scrollView duration="duration">
</kendo:scrollView>

emptyTemplate java.lang.String

The template for rendering the pages without content. By default, the ScrollView renders a blank page.

Example

<kendo:scrollView emptyTemplate="emptyTemplate">
</kendo:scrollView>

enablePager boolean

If set to true, the ScrollView will display a pager. By default, the pager is enabled.

Example

<kendo:scrollView enablePager="enablePager">
</kendo:scrollView>

navigatable boolean

If set to true enables the built-in keyboard navigation

Example

<kendo:scrollView navigatable="navigatable">
</kendo:scrollView>

page float

The initial page that will be displayed.

Example

<kendo:scrollView page="page">
</kendo:scrollView>

pageable boolean

If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration. Further configuration is available via kendo:scrollView-pageable.

Example

<kendo:scrollView pageable="pageable">
</kendo:scrollView>

template java.lang.String

The template for rendering the content of the pages. By default, the ScrollView renders a div element for every page.

Example

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

velocityThreshold float

The length of the horizontal swipe after which a swipe will navigate to the next page - as opposed to snapping back to the current page. Higher values require long area swipes to navigate to the next page.

Example

<kendo:scrollView velocityThreshold="velocityThreshold">
</kendo:scrollView>

Configuration JSP Tags

kendo:scrollView-items

Contains the items of the scrollview widget

More documentation is available at kendo:scrollView-items.

Example

<kendo:scrollView>
    <kendo:scrollView-items></kendo:scrollView-items>
</kendo:scrollView>

kendo:scrollView-messages

Defines the messages that are set as aria-lables for the previous and next buttons.

More documentation is available at kendo:scrollView-messages.

Example

<kendo:scrollView>
    <kendo:scrollView-messages></kendo:scrollView-messages>
</kendo:scrollView>

kendo:scrollView-pageable

If set to true the grid will display a pager. By default paging is disabled.Can be set to a JavaScript object which represents the pager configuration.

More documentation is available at kendo:scrollView-pageable.

Example

<kendo:scrollView>
    <kendo:scrollView-pageable></kendo:scrollView-pageable>
</kendo:scrollView>

Event Attributes

change String

Fires when the ScrollView page is changed.

For additional information check the change event documentation.

Example

<kendo:scrollView change="handle_change">
</kendo:scrollView>
<script>
    function handle_change(e) {
        // Code to handle the change event.
    }
</script>

refresh String

Fires when the ScrollView refreshes.

For additional information check the refresh event documentation.

Example

<kendo:scrollView refresh="handle_refresh">
</kendo:scrollView>
<script>
    function handle_refresh(e) {
        // Code to handle the refresh event.
    }
</script>

Event Tags

kendo:scrollView-change

Fires when the ScrollView page is changed.

For additional information check the change event documentation.

Example

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

kendo:scrollView-refresh

Fires when the ScrollView refreshes.

For additional information check the refresh event documentation.

Example

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