Add page to docs for filtering lists by hidden data

jakeboone02 · Nov 24, 2011 · ad69fed · ad69fed
1 parent 37499c4
commit ad69fed
Show file tree

Hide file tree

Showing 23 changed files with 123 additions and 1 deletion.
diff --git a/docs/lists/docs-lists.html b/docs/lists/docs-lists.html
@@ -79,6 +79,8 @@ <h2>Search filter</h2>
 
 			<p>To filter list items by values other than the text, add a <code>data-filtertext</code> attribute to the list item.  The value of this attribute will be passed as the first argument to the <code>filterCallback</code> function instead of the text.</p>
 
+			<a href="lists-search-filtertext.html" data-role="button" data-icon="arrow-r" data-iconpos="right">Hidden data filter example</a>
+
 			<h2>Text formatting &amp; counts</h2>
 			<p>The framework includes text formatting conventions for common list patterns like header/descriptions, secondary information and counts through semantic HTML markup.</p>
 
@@ -136,6 +138,7 @@ <h3>More in this section</h3>
 							<li><a href="lists-search.html">Search filter bar</a></li>
 							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li><a href="lists-readonly.html">Read-only lists</a></li>
 							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/index.html b/docs/lists/index.html
@@ -41,7 +41,8 @@ <h1>Lists</h1>
 			<li><a href="lists-search.html">Search filter bar</a></li>
 			<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 			<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
-
+			<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
 			<li><a href="lists-readonly.html">Read-only lists</a></li>
 			<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
 			<li><a href="lists-forms.html">Lists with forms</a></li>

diff --git a/docs/lists/lists-all-full.html b/docs/lists/lists-all-full.html
@@ -145,6 +145,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-count.html b/docs/lists/lists-count.html
@@ -54,6 +54,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-divider.html b/docs/lists/lists-divider.html
@@ -85,6 +85,7 @@ <h3>More in this section</h3>
 							<li><a href="lists-search.html">Search filter bar</a></li>
 							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li><a href="lists-readonly.html">Read-only lists</a></li>
 							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-formatting.html b/docs/lists/lists-formatting.html
@@ -105,6 +105,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-forms-inset.html b/docs/lists/lists-forms-inset.html
@@ -220,6 +220,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-forms.html b/docs/lists/lists-forms.html
@@ -220,6 +220,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-icons.html b/docs/lists/lists-icons.html
@@ -60,6 +60,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-inset.html b/docs/lists/lists-inset.html
@@ -146,6 +146,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-nested.html b/docs/lists/lists-nested.html
@@ -165,6 +165,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-ol.html b/docs/lists/lists-ol.html
@@ -69,6 +69,7 @@ <h3>More in this section</h3>
 							<li><a href="lists-search.html">Search filter bar</a></li>
 							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li><a href="lists-readonly.html">Read-only lists</a></li>
 							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-performance.html b/docs/lists/lists-performance.html
@@ -549,6 +549,7 @@ <h3>More in this section</h3>
 							<li><a href="lists-search.html">Search filter bar</a></li>
 							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li><a href="lists-readonly.html">Read-only lists</a></li>
 							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-readonly-inset.html b/docs/lists/lists-readonly-inset.html
@@ -142,6 +142,7 @@ <h3>More in this section</h3>
 							<li><a href="lists-search.html">Search filter bar</a></li>
 							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li><a href="lists-readonly.html">Read-only lists</a></li>
 							<li data-theme="a"><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-readonly.html b/docs/lists/lists-readonly.html
@@ -144,6 +144,7 @@ <h3>More in this section</h3>
 							<li><a href="lists-search.html">Search filter bar</a></li>
 							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li data-theme="a"><a href="lists-readonly.html">Read-only lists</a></li>
 							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-search-filtertext.html b/docs/lists/lists-search-filtertext.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+	<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery Mobile Docs - Filtered Lists Using Hidden Data</title>
+	<link rel="stylesheet"  href="../../css/themes/default/" />
+	<link rel="stylesheet" href="../_assets/css/jqm-docs.css"/>
+	<script src="../../js/jquery.js"></script>
+	<script src="../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../_assets/js/jqm-docs.js"></script>
+	<script src="../../js/"></script>
+</head> 
+<body> 
+
+	<div data-role="page" class="type-interior">
+
+		<div data-role="header" data-theme="f">
+		<h1>Search hidden data</h1>
+		<a href="../../" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a>
+	</div><!-- /header -->
+
+	<div data-role="content">
+		<div class="content-primary">
+			<ul data-role="listview" data-filter="true" data-filter-placeholder="Search country of headquarters...">
+				<li data-filtertext="Japan"><a href="index.html">Acura</a></li>
+				<li data-filtertext="Germany"><a href="index.html">Audi</a></li>
+				<li data-filtertext="Germany"><a href="index.html">BMW</a></li>
+				<li data-filtertext="USA U.S.A. United States of America"><a href="index.html">Cadillac</a></li>
+				<li data-filtertext="USA U.S.A. United States of America"><a href="index.html">Chrysler</a></li>
+				<li data-filtertext="USA U.S.A. United States of America"><a href="index.html">Dodge</a></li>
+				<li data-filtertext="Italy"><a href="index.html">Ferrari</a></li>
+				<li data-filtertext="USA U.S.A. United States of America"><a href="index.html">Ford</a></li>
+				<li data-filtertext="USA U.S.A. United States of America"><a href="index.html">GMC</a></li>
+				<li data-filtertext="Japan"><a href="index.html">Honda</a></li>
+				<li data-filtertext="South Korea"><a href="index.html">Hyundai</a></li>
+				<li data-filtertext="Japan"><a href="index.html">Infiniti</a></li>
+				<li data-filtertext="USA U.S.A. United States of America"><a href="index.html">Jeep</a></li>
+				<li data-filtertext="South Korea"><a href="index.html">Kia</a></li>
+				<li data-filtertext="Japan"><a href="index.html">Lexus</a></li>
+				<li data-filtertext="UK U.K. United Kingdom Great Britian"><a href="index.html">Mini</a></li>
+				<li data-filtertext="Japan"><a href="index.html">Nissan</a></li>
+				<li data-filtertext="Germany"><a href="index.html">Porsche</a></li>
+				<li data-filtertext="Japan"><a href="index.html">Subaru</a></li>
+				<li data-filtertext="Japan"><a href="index.html">Toyota</a></li>
+				<li data-filtertext="Germany"><a href="index.html">Volkswagon</a></li>
+				<li data-filtertext="Sweden"><a href="index.html">Volvo</a></li>
+			</ul>
+			</div><!--/content-primary -->		
+
+			<div class="content-secondary">
+
+				<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
+
+						<h3>More in this section</h3>
+
+						<ul data-role="listview" data-theme="c" data-dividertheme="d">
+
+							<li data-role="list-divider">List views</li>
+							<li><a href="docs-lists.html">List markup conventions</a></li>
+							<li><a href="lists-ul.html">Basic linked list</a></li>
+							<li><a href="lists-nested.html">Nested list</a></li>
+							<li><a href="lists-ol.html">Numbered list</a></li>
+
+							<li><a href="lists-split.html">Split button list</a></li>	
+							<li><a href="lists-divider.html">List dividers</a></li>
+							<li><a href="lists-count.html">Count bubble</a></li>
+							<li><a href="lists-thumbnails.html">Thumbnails</a></li>
+							<li><a href="lists-icons.html">Icons</a></li>
+							<li><a href="lists-formatting.html">Content formatting</a></li>
+							<li><a href="lists-search.html">Search filter bar</a></li>
+							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
+							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li data-theme="a"><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
+
+							<li><a href="lists-readonly.html">Read-only lists</a></li>
+							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>
+							<li><a href="lists-forms.html">Lists with forms</a></li>
+							<li><a href="lists-forms-inset.html">Inset lists with forms</a></li>
+
+							<li><a href="lists-inset.html">Inset styled lists</a></li>
+							<li><a href="lists-performance.html">List performance test</a></li>
+							<li><a href="lists-themes.html">Theming lists</a></li>
+
+						</ul>
+				</div>
+			</div>		
+
+		</div><!-- /content -->
+
+		<div data-role="footer" class="footer-docs" data-theme="c">
+				<p>&copy; 2011 The jQuery Project</p>
+		</div>
+
+		</div><!-- /page -->
+
+		</body>
+		</html>
diff --git a/docs/lists/lists-search-inset.html b/docs/lists/lists-search-inset.html
@@ -71,6 +71,7 @@ <h3>More in this section</h3>
 							<li><a href="lists-search.html">Search filter bar</a></li>
 							<li data-theme="a"><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li><a href="lists-readonly.html">Read-only lists</a></li>
 							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-search-with-dividers.html b/docs/lists/lists-search-with-dividers.html
@@ -84,6 +84,7 @@ <h3>More in this section</h3>
 							<li><a href="lists-search.html">Search filter bar</a></li>
 							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li data-theme="a"><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li><a href="lists-readonly.html">Read-only lists</a></li>
 							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-search.html b/docs/lists/lists-search.html
@@ -71,6 +71,7 @@ <h3>More in this section</h3>
 							<li data-theme="a"><a href="lists-search.html">Search filter bar</a></li>
 							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li><a href="lists-readonly.html">Read-only lists</a></li>
 							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-split.html b/docs/lists/lists-split.html
@@ -118,6 +118,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-themes.html b/docs/lists/lists-themes.html
@@ -235,6 +235,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-thumbnails.html b/docs/lists/lists-thumbnails.html
@@ -106,6 +106,7 @@ <h3>More in this section</h3>
 						<li><a href="lists-search.html">Search filter bar</a></li>
 						<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 						<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+						<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 						<li><a href="lists-readonly.html">Read-only lists</a></li>
 						<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>

diff --git a/docs/lists/lists-ul.html b/docs/lists/lists-ul.html
@@ -72,6 +72,7 @@ <h3>More in this section</h3>
 							<li><a href="lists-search.html">Search filter bar</a></li>
 							<li><a href="lists-search-inset.html">Inset search filter bar</a></li>
 							<li><a href="lists-search-with-dividers.html">Search filter bar with dividers</a></li>
+							<li><a href="lists-search-filtertext.html">Search filter hidden data</a></li>
 
 							<li><a href="lists-readonly.html">Read-only lists</a></li>
 							<li><a href="lists-readonly-inset.html">Read-only inset lists</a></li>