Flex4实现搜索功能

高傲的活着 发表于 2011-12-22 08:54

<DIV>这是调用webapis后实现的一个搜索功能，还不错。必须在项目中加一个web API类库。</DIV>
<DIV>下载地址</DIV>
<DIV><a href="http://code.google.com/p/as3corelib/downloads/list?can=1&q=" target="_blank">http://code.google.com/p/as3corelib/downloads/list?can=1&q=</A></DIV>
<DIV> </DIV>
<DIV>源码</DIV>
<DIV>
<DIV id=codeText class=codeText>
<OL style="PADDING-BOTTOM: 5px; MARGIN: 0px 1px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 5px" class=dp-css>
<LI><?xml version="1.0" encoding="utf-8"?> </LI>
<LI><s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" </LI>
<LI>                     xmlns:s="library://ns.adobe.com/flex/spark" </LI>
<LI>                     xmlns:mx="library://ns.adobe.com/flex/mx" viewSourceURL="srcview/index.html"> </LI>
<LI>    <fx:Declarations> </LI>
<LI>         </LI>
<LI>    </fx:Declarations> </LI>
<LI>     </LI>
<LI>     <fx:Script> </LI>
<LI>         <![CDATA[ </LI>
<LI>             import com.adobe.webapis.events.*; </LI>
<LI>             import com.adobe.webapis.*; </LI>
<LI>             import com.adobe.serialization.json.*; </LI>
<LI>             import mx.controls.Alert; </LI>
<LI>             import mx.rpc.events.ResultEvent; </LI>
<LI>             import mx.rpc.http.HTTPService; </LI>
<LI> </LI>
<LI>             </LI>
<LI>             [Bindable] </LI>
<LI>             private var dgResults:Array; // source for datagrid </LI>
<LI>            </LI>
<LI>             private function search():void </LI>
<LI>             { </LI>
<LI>                 var service:HTTPService = new HTTPService(); </LI>
<LI>                 service.url = 'http://ajax.googleapis.com/ajax/services/search/web'; </LI>
<LI>                 service.request.v = '1.0'; </LI>
<LI>                 service.request.q = searchStr.text; </LI>
<LI>                 service.resultFormat = 'text'; </LI>
<LI>                 service.addEventListener(ResultEvent.RESULT, onServerResponse); </LI>
<LI>                 service.send(); </LI>
<LI>             } </LI>
<LI>             private function onServerResponse(event:ResultEvent):void { </LI>
<LI>                 try { </LI>
<LI>                     var json:Object = JSON.decode(event.result as String); </LI>
<LI>                     if (json.responseData.results is Array) { </LI>
<LI>                         dg.dataProvider = json.responseData.results; </LI>
<LI>                     } </LI>
<LI>                 } </LI>
<LI>                 catch (error:Error) { </LI>
<LI>                     Alert.show("Error on search: " + error.message); </LI>
<LI>                 } </LI>
<LI>             } </LI>
<LI>             private function goToURL():void </LI>
<LI>             { </LI>
<LI>                 navigateToURL(new URLRequest(dg.selectedItem.url)) </LI>
<LI>             } </LI>
<LI>         ]]> </LI>
<LI>     </fx:Script> </LI>
<LI>     </LI>
<LI>    <mx:HBox> </LI>
<LI>    <mx:Text text="Search Google:" color="#FFFFFF"/> </LI>
<LI>    <mx:TextInput id="searchStr" enter="search()" width="200"/> </LI>
<LI>    <mx:Button id="btnSearch" click="search()" label="搜索"/> </LI>
<LI>    </mx:HBox> </LI>
<LI>     </LI>
<LI>    <mx:DataGrid id="dg" dataProvider="{dgResults}" width="90%" height="113" minColumnWidth="200" </LI>
<LI>                 variableRowHeight="false" doubleClickEnabled="true" doubleClick="goToURL()" x="16" y="22"> </LI>
<LI>        <mx:columns> </LI>
<LI>            <mx:DataGridColumn dataField="url" headerText="URL" width="200"/> </LI>
<LI>            <mx:DataGridColumn dataField="titleNoFormatting" headerText="Title" wordWrap="true" width="300"/> </LI>
<LI>        </mx:columns> </LI>
<LI>    </mx:DataGrid> </LI>
<LI>     </LI>
<LI></s:WindowedApplication></LI></OL></DIV></DIV>
<DIV>这是一个air程序，效果如图：</DIV>
<DIV><a href="http://blog.chinaunix.nethttp://blog.chinaunix.net/attachment/201107/1/25434387_1309487526bn6h.jpg" target="_blank"><IMG border=0 src="http://blog.chinaunix.nethttp://blog.chinaunix.net/attachment/201107/1/25434387_1309487526bn6h.jpg" .load="imgResize(this, 650);" ;></A></DIV>

页: [1]

Chinaunix's Archiver

Flex4实现搜索功能