<kendo:scrollView>

A JSP wrapper for Kendo UI ScrollView.

Configuration Attributes

autoBind boolean

If set to false the widget will not bind to the DataSource during initialization.Applicable only in data bound mode.

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 user scrolls to next page. Higher values will 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 milliseconds that take the ScrollView to snap to the current page after released.

Example

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

emptyTemplate java.lang.String

The template which is used to render the pages without content. By default the ScrollView renders a blank page.Applicable only in data bound mode.

Example

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

enablePager boolean

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

Example

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

page float

The initial page to display.

Example

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

template java.lang.String

The template which is used to render the content of pages. By default the ScrollView renders a div element for every page.Applicable only in data bound mode.

Example

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

velocityThreshold float

The length of horizotal swipe after which a swipe will navigate to the next page (as opposed to snapping back to the current page). Higher values will require long area swipe in order 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>

Event Attributes

change String

Fires when the widget 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 widget 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 widget 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 widget 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>
In this article
Not finding the help you need?