The ListView

The listview appears on the left side of the application:

Here's the markup to create the listview in the MVC 4 Wijmo Mobile scaffolding:

<div data-role="menu" class="ui-body-a">
   <ul data-role="listview" data-theme="a">
     <li>@Html.ActionLink("ToDo", "Index", "ToDo")</li>
     <li>@Html.ActionLink("About", "About", "Home")</li>
     <li>@Html.ActionLink("Contact", "Contact", "Home")</li>
   </ul>
</div>

Just as you would with a non-MVC 4 Wijmo Mobile application, to create the listview widget, you apply the data-role "listview" to an unordered list within a <div> with the data-role "menu". Instead of using the general < a href="..." > </a> markup, the MVC 4 Wijmo Mobile markup uses the @Html.ActionLink Razor syntax to render the appropriate element.

Documentation Feedback | Product Support Forum