From dbc9addfae0c9a2aee2d4a1833b2b1d3ba83f8de Mon Sep 17 00:00:00 2001
From: jzaefferer <joern.zaefferer@gmail.com>
Date: Fri, 16 Apr 2010 11:05:35 +0200
Subject: 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

---
 demos/autocomplete/multiple.html | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

(limited to 'demos/autocomplete/multiple.html')

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.
-- 
cgit v1.2.3