Autocomplete: Refactored code for array filtering into $.ui.autocomplete.filter, used by remote-with-cache and modified multiple-demo (now with local data); added multiple-remote to also show multiple with remote data

1 files changed, 8 insertions, 14 deletions

diff --git a/demos/autocomplete/multiple.html b/demos/autocomplete/multiple.html
index 5e0f4b50b..908cfe6ce 100644
--- a/demos/autocomplete/multiple.html
+++ b/demos/autocomplete/multiple.html
@@ -12,6 +12,7 @@
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
 	$(function() {
+		var availableTags = ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby", "python", "c", "scala", "groovy", "haskell", "perl"];
 		function split(val) {
 			return val.split(/,\s*/);
 		}
@@ -19,18 +20,11 @@
 			return split(term).pop();
 		}
 		
-		$("#birds").autocomplete({
+		$("#tags").autocomplete({
+			minLength: 0,
 			source: function(request, response) {
-				$.getJSON("search.php", {
-					term: extractLast(request.term)
-				}, response);
-			},
-			search: function() {
-				// custom minLength
-				var term = extractLast(this.value);
-				if (term.length < 2) {
-					return false;
-				}
+				// delegate back to autocomplete, but extract the last term
+				response($.ui.autocomplete.filter(availableTags, extractLast(request.term)));
 			},
 			focus: function() {
 				// prevent value inserted on focus
@@ -56,15 +50,15 @@
 <div class="demo">
 
 <div class="ui-widget">
-	<label for="birds">Birds: </label>
-	<input id="birds" size="50" />
+	<label for="tags">Tag programming languages: </label>
+	<input id="tags" size="50" />
 </div>
 
 </div><!-- End demo -->
 
 <div class="demo-description">
 <p>
-Usage: Enter at least two characters to get bird name suggestions. Select a value to continue adding more names.
+Usage: Type something, eg. "j" to see suggestions for tagging with programming languages. Select a value, then continue typing to add more.
 </p>
 <p>
 This is an example showing how to use the source-option along with some events to enable autocompleting multiple values into a single field.