Merge pull request #5018 from jquery/listDefaultIcon

Listview: Added option for the default list icon

docs/api/data-attributes.html

@@ -388,6 +388,10 @@ <h2><a href="../lists/docs-lists.html">Listview</a></h2>
 					<th>data-header-theme</th>
 					<td>swatch letter (a-z)</td>
 				</tr>
+				<tr>
+					<th>data-icon</th>
+					<td>home | delete | plus | arrow-u | arrow-d | check | gear | grid | star | custom | arrow-r | arrow-l | minus | refresh | forward | back | alert | info | search | false</td>
+				</tr>
 				<tr>
 					<th>data-inset</th>
 					<td>true | <strong>false</strong></td>

docs/lists/lists-options.html

@@ -114,6 +114,17 @@ <h2>Listviews</h2>
 				<p>This option is also exposed as a data attribute: <code>data-header-theme=&quot;a&quot;</code>.</p>
 			</dd>
 
+			<dt><code>icon</code> <em>string</em></dt>
+			<dd>
+				<p class="default">default: "arrow-r"</p>
+				<p>Applies an icon from the <a href="../buttons/buttons-icons.html">icon set</a> to all <a href="lists-ul.html">linked list buttons</a>. To set the value for all instances of this widget, bind this option to the <a href="../api/globalconfig.html">mobileinit event</a>:</p>
+<pre><code>$( document ).bind( "mobileinit", function(){
+    <strong>$.mobile.listview.prototype.options.icon = "star";</strong>
+});
+</code></pre>
+				<p>This option is also exposed as a data attribute: <code>data-icon=&quot;star&quot;</code>.</p>
+			</dd>
+
 			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
 			<dd>
 				<p class="default">default: ":jqmData(role='listview')"</p>

js/widgets/listview.js

@@ -21,6 +21,7 @@ $.widget( "mobile.listview", $.mobile.widget, {
 		countTheme: "c",
 		headerTheme: "b",
 		dividerTheme: "b",
+		icon: "arrow-r",
 		splitIcon: "arrow-r",
 		splitTheme: "b",
 		inset: false,
@@ -163,6 +164,7 @@ $.widget( "mobile.listview", $.mobile.widget, {
 			dividertheme = $list.jqmData( "dividertheme" ) || o.dividerTheme,
 			listsplittheme = $list.jqmData( "splittheme" ),
 			listspliticon = $list.jqmData( "spliticon" ),
+			listicon = $list.jqmData( "icon" ),
 			li = this._getChildrenByTagName( $list[ 0 ], "li", "LI" ),
 			ol = !!$.nodeName( $list[ 0 ], "ol" ),
 			jsCount = !$.support.cssPseudoElement,
@@ -211,7 +213,7 @@ $.widget( "mobile.listview", $.mobile.widget, {
 						shadow: false,
 						corners: false,
 						iconpos: "right",
-						icon: a.length > 1 || icon === false ? false : icon || "arrow-r",
+						icon: a.length > 1 || icon === false ? false : icon || listicon || o.icon,
 						theme: itemTheme
 					});