New to Kendo UI for jQuery? Start a free 30-day trial

Refresh

events

Fires when the ScrollView refreshes.

refresh

Event Data

e.pageCount `Number`

The number of pages.

e.page `Number`

The current page number (zero-based index).

e.preventDefault `Function`

If invoked, prevents the change event. The ScrollView stays on the current page.

<div id="scrollView">
  <div data-role="page">Foo</div>
  <div data-role="page">Bar</div>
  <div data-role="page">Baz</div>
  <div data-role="page">Bat</div>
</div>


<script>
 $("#scrollView").kendoScrollView({
      refresh: refresh
});

function refresh(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log("Total: ", e.pageCount, " Current: ", e.page);
  //handle event
}
</script>

Refresh

refresh

Event Data

e.pageCount Number

e.page Number

e.preventDefault Function

e.pageCount `Number`

e.page `Number`

e.preventDefault `Function`