Flex4实现搜索功能

高傲的活着

这是调用webapis后实现的一个搜索功能，还不错。必须在项目中加一个web API类库。

下载地址

http://code.google.com/p/as3corelib/downloads/list?can=1&q=

 

源码

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
   
3.                      xmlns:s="library://ns.adobe.com/flex/spark"
   
4.                      xmlns:mx="library://ns.adobe.com/flex/mx" viewSourceURL="srcview/index.html">
   
5.     <fx:Declarations>
   
6.         <!-- 将非可视元素（例如服务、值对象）放在此处 -->
   
7.     </fx:Declarations>
   
8.     
   
9.      <fx:Script>
   
10.          <![CDATA[
    
11.              import com.adobe.webapis.events.*;
    
12.              import com.adobe.webapis.*;
    
13.              import com.adobe.serialization.json.*;
    
14.              import mx.controls.Alert;
    
15.              import mx.rpc.events.ResultEvent;
    
16.              import mx.rpc.http.HTTPService;
    
17. 
    
18.             
    
19.              [Bindable]
    
20.              private var dgResults:Array; // source for datagrid
    
21.            
    
22.              private function search():void
    
23.              {
    
24.                  var service:HTTPService = new HTTPService();
    
25.                  service.url = 'http://ajax.googleapis.com/ajax/services/search/web';
    
26.                  service.request.v = '1.0';
    
27.                  service.request.q = searchStr.text;
    
28.                  service.resultFormat = 'text';
    
29.                  service.addEventListener(ResultEvent.RESULT, onServerResponse);
    
30.                  service.send();
    
31.              }
    
32.              private function onServerResponse(event:ResultEvent):void {
    
33.                  try {
    
34.                      var json:Object = JSON.decode(event.result as String);
    
35.                      if (json.responseData.results is Array) {
    
36.                          dg.dataProvider = json.responseData.results;
    
37.                      }
    
38.                  }
    
39.                  catch (error:Error) {
    
40.                      Alert.show("Error on search: " + error.message);
    
41.                  }
    
42.              }
    
43.              private function goToURL():void
    
44.              {
    
45.                  navigateToURL(new URLRequest(dg.selectedItem.url))
    
46.              }
    
47.          ]]>
    
48.      </fx:Script>
    
49.     
    
50.     <mx:HBox>
    
51.     <mx:Text text="Search Google:" color="#FFFFFF"/>
    
52.     <mx:TextInput id="searchStr" enter="search()" width="200"/>
    
53.     <mx:Button id="btnSearch" click="search()" label="搜索"/>
    
54.     </mx:HBox>
    
55.     
    
56.     <mx:DataGrid id="dg" dataProvider="{dgResults}" width="90%" height="113" minColumnWidth="200"
    
57.                  variableRowHeight="false" doubleClickEnabled="true" doubleClick="goToURL()" x="16" y="22">
    
58.         <mx:columns>
    
59.             <mx:DataGridColumn dataField="url" headerText="URL" width="200"/>
    
60.             <mx:DataGridColumn dataField="titleNoFormatting" headerText="Title" wordWrap="true" width="300"/>
    
61.         </mx:columns>
    
62.     </mx:DataGrid>
    
63.     
    
64. </s:WindowedApplication>

这是一个air程序，效果如图：