Entries and resources: Listview: Fixed a description and example regarding the listviewbeforefilter of listview on 1-4 branch. And additionally, fixed the theme D using in example16.

hyunsook · Gabriel Schulhof · commit 9c436be007ac · 2013-10-29T16:35:51.000+02:00
diff --git a/entries/listview.xml b/entries/listview.xml
@@ -83,7 +83,7 @@ $( "#mylistview" ).listview({
 
 			<h3>Remote autocomplete with listview filter</h3>
 
-			<p>To use the listview filter as an autocomplete that taps into remote data sources, you can use the <code>listviewbeforefilter</code> event to dynamically populate a listview as a user types a search query. This is useful when you have a very large data set like cities, zip codes, or products that can't be loaded up-front locally. Use the view source button to see the JavaScript that powers this demo.</p>
+			<p>To use the filter as an autocomplete that taps into remote data sources, you can use the <code>filterablebeforefilter</code> event to dynamically populate a listview as a user types a search query. This is useful when you have a very large data set like cities, zip codes, or products that can't be loaded up-front locally. Use the view source button to see the JavaScript that powers this demo.</p>
 
 			<p>If you have a small list of items, you can use the listview filter reveal option to make an autocomplete with local listview data.</p>
 
diff --git a/resources/listview/example16.html b/resources/listview/example16.html
@@ -10,7 +10,7 @@
 	<script src="http://code.jquery.com/mobile/git/jquery.mobile-git.min.js"></script>
     <script>
 		$( document ).on( "pageinit", "#myPage", function() {
-			$( "#autocomplete" ).on( "listviewbeforefilter", function ( e, data ) {
+			$( "#autocomplete" ).on( "filterablebeforefilter", function ( e, data ) {
 				var $ul = $( this ),
 					$input = $( data.input ),
 					value = $input.val(),
@@ -50,17 +50,17 @@
 	.ui-content{
 		padding:10px 15px 0px 15px;
 	}
-	.ui-listview-filter-inset {
-			margin-top: 0;
-		}
+	.ui-filter-inset {
+		margin-top: 0;
+	}
 	</style>
 </head>
 
 <body>
 <div data-role="page" id="myPage" style="max-height:1040px; min-height:1040px;">
 	<div role="main" class="ui-content">
     	<div data-demo-html="true" data-demo-js="true" data-demo-css="true">
-			<ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a city..." data-filter-theme="d"></ul>
+			<ul id="autocomplete" data-role="listview" data-inset="true" data-filter="true" data-filter-placeholder="Find a city..." data-filter-theme="a"></ul>
 		</div>
 	</div>
 </div>
