Listview: Add classes option

Fixes jquery-archivegh-7692

Author: Gabriel Schulhof

js/widgets/listview.js

@@ -14,6 +14,10 @@ var getAttr = $.mobile.getAttribute;
 $.widget( "mobile.listview", $.extend( {
 
 	options: {
+		classes: {
+			"ui-listview": null,
+			"ui-listview-item": null
+		},
 		theme: null,
 		dividerTheme: null,
 		icon: "carat-r",
@@ -36,7 +40,7 @@ $.widget( "mobile.listview", $.extend( {
 		}
 
 		// create listview markup
-		t.element.addClass( " ui-listview" + listviewClasses );
+		t.element.addClass( t._classes( "ui-listview" ) + listviewClasses );
 
 		t.refresh( true );
 	},
@@ -62,6 +66,7 @@ $.widget( "mobile.listview", $.extend( {
 		var buttonClass, pos, numli, item, itemClass, itemTheme, itemIcon, icon, a,
 			isDivider, startCount, newStartCount, value, last, splittheme, splitThemeClass, spliticon,
 			altButtonClass, dividerTheme, li,
+			baseItemClass = this._classes( "ui-listview-item" ),
 			o = this.options,
 			$list = this.element,
 			ol = !!$.nodeName( $list[ 0 ], "ol" ),
@@ -160,7 +165,9 @@ $.widget( "mobile.listview", $.extend( {
 		// can give us a significant boost on platforms like WP7.5.
 
 		for ( itemClass in itemClassDict ) {
-			$( itemClassDict[ itemClass ] ).addClass( itemClass );
+			$( itemClassDict[ itemClass ] ).addClass( itemClass +
+				( itemClass ? " " : "" ) +
+				baseItemClass );
 		}
 
 		countBubbles.each( function() {

tests/integration/listview/index.html

@@ -25,8 +25,7 @@
 				"widgets/listview",
 				"widgets/listview.autodividers",
 				"widgets/toolbar",
-				"widgets/collapsible",
-				"buttonMarkup"
+				"widgets/collapsible"
 			],
 			[ "init" ],
 			[ "listview_core.js" ]

tests/integration/listview/listview_core.js

@@ -22,13 +22,16 @@
 	});
 
 	asyncTest( "The page should be enhanced correctly", function(){
-		expect( 3 );
+		expect( 4 );
 		$.testHelper.pageSequence([
 			function(){
 				$.mobile.changePage("#basic-linked-test");
 			},
 
 			function() {
+				deepEqual( $( "#basic-linked-test ul" ).children().is( function() {
+						return !$( this ).hasClass( "ui-listview-item" );
+					}), false, "All children have the class ui-listview-item" );
 				ok($('#basic-linked-test .ui-li-static').length, ".ui-li-static class added to read-only li elements");
 				ok($('#basic-linked-test .ui-li-divider').length, ".ui-li-divider class added to divider li elements");
 				ok($('#basic-linked-test li > .ui-btn').length, ".ui-btn classes added to anchors that are immediate child of li elements");