AutoComplete_yahoo_astra

很酷的AutoComplete,
可以用tag的方式來自動完成輸入.
因為來源檔可以是xml,
所以只要能夠從後端資料庫產生xml檔,
應該就能餵給autoComplete了~~

但是....下面的寫法並不支援中文.....
不知是否得以改進~
此外效能如何也尚未得知~

p.s 我辦麥當勞早餐卡了~~

code來自下面這個網址的最後一個例子
http://developer.yahoo.com/flash/astra-flex/autocompletemanager/

1. xml version="1.0" encoding="utf-8"?>
2. <mx:Application
3. xmlns:mx="http://www.adobe.com/2006/mxml"
4. xmlns:yahoo="http://www.yahoo.com/astra/2006/mxml">
5. layout="absolute"
6. <mx:Script>
7. 
   
8. private function airportFilterFunction(element:*, text:String):Boolean
9. {
10. var regExp:RegExp = new RegExp(text,autoCompleteMgr.caseSensitive?"":"i");
11. 
    
12. var b:Boolean = regExp.test(element.city.toString()) ||
13. regExp.test(element.name.toString()) ||
14. regExp.test(element.code.toString());
15. 
    
16. return b;
17. }
18. 
    
19. mx:Script>
20. <yahoo:AutoCompleteManager
21. id="autoCompleteMgr"
22. target="{textInput1}"
23. dataProvider="{airports.airport}"
24. labelField="name"
25. filterFunction="{airportFilterFunction}"
26. minCharsForCompletion="3" />
27. 
    
28. <mx:XML id="airports">
29. <airports>
30. 
    
31. <airport>
32. <city>Chicagocity>
33. <name>Chicago O'Hare Internationalname>
34. <code>ORDcode>
35. <country>USAcountry>
36. airport>
37. 
    
38. <airport>
39. <city>San Franciscocity>
40. <name>San Francisco Internationalname>
41. <code>SFOcode>
42. <country>USAcountry>
43. airport>
44. 
    
45. ...
46. 
    
47. airports>
48. mx:XML>
49. 
    
50. <mx:Label x="74" y="50" text="Try an airport or airport code:" fontWeight="bold"/>
51. <mx:Label x="74" y="67" text="example: "ORD", "Chicago", or "O'Hare"" fontWeight="normal" fontStyle="italic"/>
52. <mx:TextInput id="textInput1" left="74" top="93" width="247"/>
53. 
    
54. mx:Application>