1、dataProvider
在Adobe ActionScript 3.0里面的定義如下:
要查看的數據集。此屬性允許您將大多數類型的對象用作數據提供程序。如果將 dataProvider屬性設置為 Array,則會將其轉換為 ArrayCollection。如果將該屬性設置為 XML對象,則會將其轉換為僅包含一個項目的 XMLListCollection。如果將該屬性設置為XMLList,則會將其轉換為 XMLListCollection。如果將該屬性設置為實現 IList 或 ICollectionView接口的對象,則可直接應用此對象。受轉換操作的影響,在您獲取 dataProvider屬性時,該屬性值將始終為 ICollectionView,所以此值不一定是您設置的對象類型。如果要修改數據提供程序中的數據,則了解以下行為非常重要:可能不會檢測對原始數據所做的更改,但將檢測對從 dataProvider屬性獲取的 ICollectionView 對象所做的更改。默認值為 null.此屬性可用作數據綁定的源。
上面那一大堆的東西其實就說明以下幾點:
a、凡是具有dataProvider的組件,都可以將Array、XML等內容作為數據源。
b、將這些作為數據源的內容“自動”綁定并顯示在這些控件上面。
所以通常的做法,當Flex獲取了外部數據后,可以將其直接賦值為dataProvider,然后通過一些設定,就可以在這些組件上面顯示數據了。
關于這個例子我就不在這里復述了,大家可以自行去找一下,或者直接看這里的內容:http://livedocs.adobe.com/flex/3_cn/mx/controls/ComboBox.html#includeExamplesSummary
2、itemRenderer(項目渲染器)及其data屬性。
itemRenderer的作用就是可以自定義一些組件的項目顯示效果,例如我們熟知的Combobox、List、DataGrid等都具有這樣的屬性,也就是說,我們可以利用itemRenderer來改善ComBoBox里面的下拉的顯示效果。當然,List、DataGrid也是這樣的。
當ComboBox中自定義了一個渲染器后,同時使用dataProvider的方式綁定了一個數據源,這個時候,如何與我們自定義的渲染器里面的item發生作用呢?就是使用data方式。
也就是說,dataProvider可以綁定數據到UI、如果這個組件使用了自定義渲染器,那么就可以使用data.XXX的方式獲取到dataProvider里面的數據。
okay,以上介紹的兩個知識點是關于Flex組件的數據處理能力,其中dataProvider可以把Array、XML等內容作為數據源直接綁定并顯示到UI上面,而itemRenderer里面的data是實現組件與其渲染器之間的數據處理。
下一篇的內容是關于Flex與后臺進行通訊的常見的幾種方式:HTTPService、WebService、Remote等方式,而通過這幾種方式可以輕松的讓一些例如Java、C#、Python、Ruby、PHP等主流編程語言為Flex所服務:)
附加:
關于dataProvider、itemRenderer、data的具體用法有些抽象,因此我特此列舉一個例子來說明一下。
這是一個HorizontalList組件,而且其中它的itemRenderer=ToolBoxRenderer,想讓我們看一下HorizontalList的片段代碼:
<mx:HorizontalList id="myHorizontalList" itemRenderer="ToolBoxRenderer">
<mx:dataProvider>
<mx:Array>
<mx:Object tooltip= "rubber" styleName="rubber" language="{ _language }"/>
</mx:Array>
</mx:dataProvider>
</mx:HorizontalList>
然后是ToolBoxRenderer的片段代碼:
<mx:Canvas width="30" height="30">
<mx:Button
width="30" height="30"
toolTip="{ data.tooltip }"
styleName="{ data.styleName }"/>
</mx:Canvas>
再讓我們看看itemRenderer是如何與我們今天這個主題聯系起來的。
1、在myHorizontalList中定義了一個dataProvider,通過代碼可以看出是一個Array類型的變量,然后將其賦值給dataProvider。這個時候,其實就應該將數據顯示到myHorizontalList上面了,這也就是dataProvider的用處。
2、在dataProvider包含的Array中,定義如下的結構:<mx:Object tooltip= "rubber" styleName="rubber" language="{ _language }"/>
3、我們不僅設定了dataProvider,還是同時設定了itemRenderer,即為ToolBoxRenderer。
4、在ToolBoxRenderer里面,定義了一個Button,同時我們使用類似于這樣的方式可以取得dataProvider里面的數據:toolTip="{ data.tooltip }"
以上就是一個非常簡單,但是又非常典型的一個dataProvider、itemRenderer、data的用法,希望大家可以理解:)
posted on 2010-01-04 22:26
北國狼人的BloG 閱讀(1226)
評論(0) 編輯 收藏