Indicates whether the list view will call read on the DataSource initially.

Example

$("#listView").kendoListView({
     dataSource: {
         data: createRandomData(50)
     },
     template: "<li>${Name} ${BirthDate}</li>",
     autoBind: false // the list view will not be populated with data until read() is called on the sharedDataSource
 });

Instance of DataSource or Object with DataSource configuration.

Example

var sharedDataSource = new kendo.data.DataSource({
     data: [{title: "Star Wars: A New Hope", year: 1977}, {title: "Star Wars: The Empire Strikes Back", year: 1980}],
     pageSize: 1
});

$("#listView").kendoListView({
     dataSource: sharedDataSource,
     template: "<li>${title} ${year}</li>"
 });

Example

$("#listView").kendoListView({
     dataSource: {
         data: [{title: "Star Wars: A New Hope", year: 1977}, {title: "Star Wars: The Empire Strikes Back", year: 1980}],
         template: "<li>${title} ${year}</li>"
     }
 });

Specifies ListView item template in edit mode.

Example

<script type="text/x-kendo-tmpl" id="template">
     <div>
       <dl>
         <dt>Name</dt> <dd>${Name}</dd>
         <dt>Age</dt> <dd>${Age}</dd>
       </dl>
     </div>
 </script>

 <script type="text/x-kendo-tmpl" id="editTemplate">
     <div>
       <dl>
         <dt>Name</dt>
         <dd><input type="text" data-bind="value:Name" name="Name" required="required" /></dd>
         <dt>Age</dt>
         <dd><input type="text" data-bind="value:Age" data-role="numerictextbox" data-type="number" name="Age" required="required /></dd>
       </dl>
     </div>
 </script>

Example

$("#listView").kendoListView({
     dataSource: {
         data: createRandomData(50)
     },
     template: kendo.template($("#template").html()),
     editTemplate: kendo.template($("#editTemplate").html())
 });

Indicates whether keyboard navigation is enabled/disabled.

Example

$("#listView").kendoListView({
     dataSource: {
         data: createRandomData(50),
     },
     template: "<li>${Name} ${BirthDate}</li>",
     navigatable: true
 });

Indicates whether selection is enabled/disabled. Possible values:

true: Single item selection.
"single": Single item selection.
"multiple": Multiple item selection.

Specifies ListView item template.

Example

<script type="text/x-kendo-tmpl" id="template">
     <div>
       <dl>
         <dt>Name</dt> <dd>${Name}</dd>
         <dt>Birth Date</dt> <dd>${BirdthDate}</dd>
       </dl>
     </div>
 </script>

Example

$("#listView").kendoListView({
     dataSource: {
         data: createRandomData(50)
     },
     template: kendo.template($("#template").html())
 });