привязка данных из веб-сервиса к пользовательскому гибкому компоненту

Question

Я использую Flash Builder 4.. Я хочу кое-что спросить .. Как связать данные с компонентом пользовательского списка в flex ?? ...

Я уже пытаюсь связать данные из веб-сервиса со стандартной сеткой данных.компонент в flex, и он отлично работает ... это мой код для привязки к сетке данных ..

<mx:DataGrid includeIn="LobbyPage" x="30" y="319" id="dataGrid" creationComplete="dataGrid_creationCompleteHandler(event)" dataProvider="{TakeUserResult4.lastResult}">
    <mx:columns>
        <mx:DataGridColumn headerText="Username" dataField="Username"/>
        <mx:DataGridColumn headerText="Password" dataField="Password"/>
    </mx:columns>
</mx:DataGrid>

Теперь я застрял с этим .. У меня есть собственный список, как я написал ниже ..

<s:List skinClass="components.DataList4" x="18" y="611" id="listPlayer">

<s:ArrayCollection>

  <fx:Object image1="@Embed('/assets/images/test aj/basil.png')" text1="FLAVOR"   
        text2="Description of the flavor goes here"/>

  <fx:Object image1="@Embed('/assets/images/test aj/basil.png')" text1="FLAVOR" 
        text2="Description of the flavor goes here"/>

  <fx:Object image1="@Embed('/assets/images/test aj/basil.png')" text1="FLAVOR" 
        text2="Description of the flavor goes here"/>

</s:ArrayCollection>

</s:List>

сейчас .. как привязать данные к "image1", "text1", "text2" из веб-сервиса ??Кто-нибудь, кто хочет поделиться своим опытом и привести пример? Спасибо заранее .. кстати .. извините за мой плохой английский:)

Answer 1

Дайте вашему списку dataProvider (оберните вашу коллекцию массивов в тег поставщика данных), затем укажите itemRenderer, чтобы список знал, как отобразить данные.

<s:List id="listPlayer" width="200" height="500">
                        <s:dataProvider>
                            <s:ArrayCollection>
                                <fx:Object image1="@Embed('/assets/images/test aj/basil.png')" text1="FLAVOR"   
                                           text2="Description of the flavor goes here"/>

                                <fx:Object image1="@Embed('/assets/images/test aj/basil.png')" text1="FLAVOR" 
                                           text2="Description of the flavor goes here"/>

                                <fx:Object image1="@Embed('/assets/images/test aj/basil.png')" text1="FLAVOR" 
                                           text2="Description of the flavor goes here"/>
                            </s:ArrayCollection>
                        </s:dataProvider>
                        <s:itemRenderer>
                            <fx:Component>
                                <s:ItemRenderer>
                                    <s:HGroup>
                                        <s:Image source="{data.image1}" />
                                        <s:Label text="{data.text1}" fontWeight="bold"/>
                                        <s:Label text="{data.text2}" />
                                    </s:HGroup>
                                </s:ItemRenderer>
                            </fx:Component>
                        </s:itemRenderer>
                    </s:List>