FLEX入門編------各種data Provider大集合

3645 ワード

FLEXでは、データのバインディング機能が大好きです.FLEXでは、LISTコントロールを通じて、データソースとして、この例を通して、データソースをイメージして、データソースを持つコンポーネントを構築します.例えば、dataGrid、tree、compbox….

<?xml version="1.0"?>   
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">   
<mx:Panel title="My Application" paddingTop="10" paddingBottom="10"  
paddingLeft="10" paddingRight="10" width="800">   
<mx:HBox width="100%">   
<mx:List width="200">   
<mx:dataProvider>   
<mx:Array>   
<mx:String>Item 1</mx:String>   
<mx:String>Item 2</mx:String>   
<mx:String>Item 3</mx:String>   
</mx:Array>   
</mx:dataProvider>   
</mx:List>   
  
<mx:List labelField="label" width="200">   
    <mx:dataProvider>   
        <mx:Array>   
            <mx:Object label="one" data="1"/>   
            <mx:Object label="two" data="2"/>   
        </mx:Array>   
    </mx:dataProvider>   
</mx:List>   
  
<mx:List width="200">   
    <mx:dataProvider>   
        <mx:ArrayCollection>   
            <mx:Array>   
                <mx:String>  </mx:String>   
                <mx:String>  </mx:String>   
            </mx:Array>   
        </mx:ArrayCollection>   
    </mx:dataProvider>   
</mx:List>   
  
<mx:List width="200" labelField="label">   
    <mx:dataProvider>   
        <mx:ArrayCollection>   
            <mx:Array>   
                <mx:Object label="  " data="1"/>   
                <mx:Object label="  " data="2"/>   
            </mx:Array>   
        </mx:ArrayCollection>   
    </mx:dataProvider>   
</mx:List>   
  
<mx:List width="200" labelField="@label">   
    <mx:dataProvider>   
        <mx:XMLList>   
                <item label="  " data="1"/>   
                <item label="  " data="2"/>   
        </mx:XMLList>   
    </mx:dataProvider>   
</mx:List>   
  
<mx:List width="200" labelField="@label">   
    <mx:dataProvider>   
    <mx:XMLListCollection>   
        <mx:XMLList>   
                <item label="  " data="1"/>   
                <item label="  " data="2"/>   
        </mx:XMLList>   
    </mx:XMLListCollection>   
    </mx:dataProvider>   
</mx:List>   
  
<mx:List width="200" labelField="@label" dataProvider="{myXML.item}">   
</mx:List>   
</mx:HBox>   
</mx:Panel>   
<mx:Script>   
    <![CDATA[   
        [Bindable]   
        private var myXML:XML=<items>   
                <item label="  " data="1"/>   
                <item label="  " data="2"/>   
        </items>   
    ]]>   
</mx:Script>   
</mx:Application>