The ListView widget

In mobile devices, list is the most widely used user interface component. Lists are styled and modified in different ways so as to display a simple list of data having a complex structure. Kendo UI provides a very powerful List widget called the ListView which can be used to display flat, grouped, or custom template lists. Kendo will automatically convert any HTML list to a mobile optimized ListView widget when the data-role="listview" attribute is added to the list element:

<ul data-role="listview">
  <li>Olympus Has Fallen</li>
  <li>Jurassic Park 3D</li>
  <li>G.I. Joe: Retaliation</li>
</ul>

As with any other Kendo widget, ListView can be initialized programmatically too, using the jQuery plugin syntax as shown in the following ...

Get Building Mobile Applications Using Kendo UI Mobile and ASP.NET Web API now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial