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