In the previous recipes, records have been laid out in a grid format which do not have much space for record details. Using jQuery Mobile listview widget allows record details to be displayed in each element of a list, and also allows a number of different items of functionality to be made available declaratively through HTML5 data-
attributes.
In this recipe we will create a mobile Visualforce page to render contact information in a jQuery Mobile listview widget. The listview will group the contacts into sections based on the first letter of the LastName
field on the contact record. The listview will also be filterable by entering text into a search box at the top of the list.
This recipe does not require any controllers, so we only need to create the Visualforce pages.
Navigate to the Visualforce setup page by clicking on Your Name | Setup | Develop | Pages.
Click on the New button.
Enter
MobileFilteredList
in the Label field.Accept the default MobileFilteredList...