學習筆記 如何連接Flex數(shù)據(jù)
本文和大家重點討論一下如何連接Flex數(shù)據(jù),在Flex中,你可以使用幾種方法去操縱和管理數(shù)據(jù),它們大多數(shù)相關的內(nèi)容已經(jīng)超出了在這里進行簡要介紹的范圍。
連接Flex數(shù)據(jù)
請記住在Flex應用程序中對數(shù)據(jù)的操作最重要的事情是:Flex應用程序并不直接與一個數(shù)據(jù)庫進行連接。因此,Adobe?FlexBuilder2沒有提供直接連接數(shù)據(jù)的工具。你可以通過使用MXML和ActionScript代碼來操作和管理數(shù)據(jù)。
在Flex中,你可以使用幾種方法去操縱和管理數(shù)據(jù),它們大多數(shù)相關的內(nèi)容已經(jīng)超出了在這里進行簡要介紹的范圍(更多的信息,請查看后面的章節(jié))。不管怎樣,請想象一種可以連接外部數(shù)據(jù)的方法,隨后的例子將演示與XML結(jié)構的數(shù)據(jù)進行連接。
Flex數(shù)據(jù)的生成
因為Flex應用程序并不直接與一個數(shù)據(jù)庫進行連接,所以你需要使用某種類型的服務來支持對數(shù)據(jù)的使用。在隨后的例子中,將使用HTTPService組件從PHP所產(chǎn)生的一個XML文件中獲取數(shù)據(jù)。
連接Flex數(shù)據(jù)庫的第一步是生成將在Flex程序中使用到的數(shù)據(jù)。在與PHP的應用中,你將采用如下的步驟:
1.創(chuàng)建一個數(shù)據(jù)庫(如MySQL)。
2.編寫一個PHP腳本連接MySQL數(shù)據(jù)庫并生成XML格式的數(shù)據(jù)。
這些步驟同樣適合于在其它工作平臺上生成的數(shù)據(jù)(如ASP.NET、JSP等)。
連接外部數(shù)據(jù)源
對于PHP所生成的XML格式數(shù)據(jù),你可以使用HTTPService組件來請求獲取數(shù)據(jù),就象這樣:
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute">
- <mx:HTTPService
- id="productsRequest"
- url="http://www.somesite.com/products.php"/>
- ...
HTTPService組件定義了一個請求ID,你將使用這個ID來控制提供數(shù)據(jù)的URL或者服務器與數(shù)據(jù)之間的綁定。
外部Flex數(shù)據(jù)與數(shù)據(jù)驅(qū)動控制的綁定
通過數(shù)據(jù)與數(shù)據(jù)驅(qū)動控制(data-drivencontrol)的綁定,你就可以處理HTTPService的結(jié)果(XML數(shù)據(jù)),就象這樣:
- <mx:DataGridxmx:DataGridx="20"y="80"id="productGrid"width="400"
- dataProvider="{productRequest.lastResult.products.items}">
- <mx:columns>
- <mx:DataGridColumnheaderTextmx:DataGridColumnheaderText="Name"dataField="name"/>
- <mx:DataGridColumnheaderTextmx:DataGridColumnheaderText="Price"dataField="price"/>
- </mx:columns>
- </mx:DataGrid>
數(shù)據(jù)綁定的語法顯示在數(shù)據(jù)控制的dataProvider屬性中(在波浪形的括號里),它包含了HTTPService請求ID、lastResult方法、以及XML文件的數(shù)據(jù)結(jié)構。在這個例子中,XML數(shù)據(jù)源的數(shù)據(jù)結(jié)構看起來就象這樣:
- <XML>
- <products>
- <item>
- <name>MobilePhone</name>
- <price>$199</price>
- </item>
- <item>
- <name>CarCharger</name>
- <price>$34</price>
- </item>
- ...
通過設置dataField屬性,項目數(shù)據(jù)(name和price)作為數(shù)據(jù)柵格中每一列的數(shù)據(jù)。
在運行時加載Flex數(shù)據(jù)
你還可以在Flex程序開始運行時加載數(shù)據(jù),就象隨后所示,在HTTPService中向某個特定的URL發(fā)送一個請求:
- <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"
- creationComplete="productsRequest.send()">
當你將creationComplete方法添加到應用程序標簽里后,數(shù)據(jù)會在運行時進行加載并交于數(shù)據(jù)驅(qū)動控制(在這個例子中是數(shù)據(jù)柵格)。
你還可以將HTTPService請求添加到一個控制事件上而不是程序里的標簽中,就象如下所示:
- <mx:Buttonxmx:Buttonx="50"y="8"label="GetData"click="productsRequest.send();"/>
Flex提供許多方法去連接、管理、格式化、以及校驗數(shù)據(jù)。你可以通過使用遠程程序調(diào)用、數(shù)據(jù)服務、或者其它企業(yè)級技術來操縱和管理數(shù)據(jù)。
【編輯推薦】
- 在Flex數(shù)據(jù)綁定中使用數(shù)組
- 從Flex Builder更名看Flash平臺戰(zhàn)略
- Flex及FlexBuilder2.0開發(fā)環(huán)境詳解
- FlexBuilder3.0與Eclipse3.4的完美結(jié)合
- 學習筆記 FlexBuilder2.0中如何使用基于Lists的控件

















