A listview is coded as a simple unordered list containing linked list items with a data-role=”listview” attribute. jQuery Mobile will apply all the necessary styles to transform the list into a mobile-friendly listview with right arrow indicator that fills the full width of the browser window. When you tap on the list item, the framework will trigger a click on the first link inside the list item, issue an Ajax request for the URL in the link, create the new page in the DOM, then kick off a page transition. View the data- attribute reference to see all the possible attributes you can add to listviews.



Binds value for attributes to the object. All valid attributes can be binded.

Format from Application Class:

id="demo" width="100px"


Binds value for styles to the object. All valid styles can be binded.

Format from Application Class:

width: 100px; length: 200px


If the binded value for this field contains a value, the object will not be rendered from the server to the client. The disable function will also disable all child objects.

External Reference