Listview: Move sparing refresh() decision to backcompat

The decision is delegated to extension points (one for the list item and one
the anchor(s) it may contain) which are predicates that always return true if
the backcompat extension is absent, indicating for every item that it is to be
processed.

When the backcompat extension is present, the extension points contain the
class-examining regex-based decision of previous versions.

Author: Gabriel Schulhof

js/widgets/listview.backcompat.js

@@ -32,12 +32,22 @@
 } )( function( $ ) {
 
 if ( $.mobileBackcompat !== false ) {
+	var listviewItemClassRegex = /\bui-listview-item-static\b|\bui-listview-item-divider\b/;
+	var buttonClassRegex = /\bui-button\b/;
+
 	$.widget( "mobile.listview", $.mobile.listview, {
 		options: {
 			corners: true,
 			shadow: true
 		},
-		classProp: "ui-listview-inset"
+		classProp: "ui-listview-inset",
+		_processListItem: function( item ) {
+			return !listviewItemClassRegex.test( item[ 0 ].className );
+		},
+
+		_processListItemAnchor: function( a ) {
+			return !buttonClassRegex.test( a[ 0 ].className );
+		}
 	} );
 	$.widget( "mobile.listview", $.mobile.listview, $.mobile.widget.backcompat );
 }

js/widgets/listview.js

@@ -43,9 +43,7 @@ function addItemToDictionary( itemClassDict, element, key, extra ) {
 }
 
 var getAttribute = $.mobile.getAttribute,
-	countBubbleClassRegex = /\bui-listview-item-count-bubble\b/,
-	listviewItemClassRegex = /\bui-listview-item-static\b|\bui-listview-item-divider\b/,
-	buttonClassRegex = /\bui-button\b/;
+	countBubbleClassRegex = /\bui-listview-item-count-bubble\b/;
 
 function filterBubbleSpan() {
 	var child, parentNode,
@@ -135,6 +133,14 @@ return $.widget( "mobile.listview", $.extend( {
 		this._refresh();
 	},
 
+	_processListItem: function( /* item */ ) {
+		return true;
+	},
+
+	_processListItemAnchor: function( /* a */ ) {
+		return true;
+	},
+
 	_refresh: function( create ) {
 		var buttonClass, pos, numli, item, itemClass, itemExtraClass, itemTheme, itemIcon, icon, a,
 			isDivider, startCount, newStartCount, value, last, splittheme, splitThemeClass, li, ol,
@@ -162,13 +168,13 @@ return $.widget( "mobile.listview", $.extend( {
 			itemClass = "ui-listview-item";
 			itemExtraClass = undefined;
 
-			if ( create || !listviewItemClassRegex.test( item[ 0 ].className ) ) {
+			if ( create || this._processListItem( item ) ) {
 				a = this._getChildrenByTagName( item[ 0 ], "a", "A" );
 				isDivider = ( getAttribute( item[ 0 ], "role" ) === "list-divider" );
 				value = item.attr( "value" );
 				itemTheme = getAttribute( item[ 0 ], "theme" );
 
-				if ( a.length && ( ( !buttonClassRegex.test( a[ 0 ].className ) && !isDivider ) ||
+				if ( a.length && ( ( this._processListItemAnchor( a ) && !isDivider ) ||
 						create ) ) {
 					itemIcon = getAttribute( item[ 0 ], "icon" );
 					icon = ( itemIcon === false ) ? false : ( itemIcon || currentOptions.icon );