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 code snippet:

<div data-role="view" data-init="initialize"> 
<ul id="myList"></ul>
</div>
<script>
function initialize(){
   
 $("#myList").kendoMobileListView({
  ...