autoBind Boolean(default: true)

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

Applicable only in the data-bound mode.


<div id="scrollView" style="height: 500px; width:600px;"></div>

<script id="scrollview-template" type="text/x-kendo-template">
  <div style="width: 110px; height: 110px; background-image: #=setBackground(ProductID)#;"></div>
  <p>#= ProductName #</p>


var dataSource = new{
  type: "odata",
  transport: {
    read: {
      url: ""
  serverPaging: true,
  pageSize: 30

    dataSource: dataSource,
    template: $("#scrollview-template").html(),
    contentHeight: 120,
    enablePager: true

function setBackground(id) {
  return "url(" + id +".jpg)";
In this article