Flex-鍵入ArrayCollection作為Horizo​​ntallist的數據提供者

Question

我有一個對象的ArrayCollection。 我將此數組作為數據提供者傳遞給horizo​​ntallist，並且正在使用自定義itemRenderer。

執行應用程序時，顯示水平列表

[object CustomClass][object CustomClass][object CustomClass][object CustomClass]

我試過將每個對象投射在itemrenderer中，如下所示：

<mx:Label text="{(data as CustomClass).label1}"/>

但這不起作用...

感謝您的任何幫助，您可以提供。 問候，

BS_C3

---

編輯-2010年3月9日

讓我們再看一些代碼=）

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Component id="Item">
        <mx:VBox width="180">
            <mx:HBox width="100%">
                <mx:Spacer width="100%"/>
                <mx:Button label="x"/>
            </mx:HBox>
            <mx:Image id="thumbnail"/>
            <mx:Label width="100%" horizontalCenter="0" text="Collection"/>
            <mx:HBox width="100%">
                <mx:Label width="100" text="GIA"/>
                <mx:Label text="{data.charg_st}"/>
            </mx:HBox>
            <mx:HBox width="100%">
                <mx:Label width="100" text="Finger Size"/>
                <mx:Label text="xxxxxx"/>
            </mx:HBox>
            <mx:HBox width="100%">
                <mx:Label width="100" text="Carat"/>
                <mx:Label text="{data.carats}"/>
            </mx:HBox>
            <mx:HBox width="100%">
                <mx:Label width="100" text="Color"/>
                <mx:Label text="{data.color}"/>
            </mx:HBox>
            <mx:HBox width="100%">
                <mx:Label width="100" text="Clarity"/>
                <mx:Label text="{data.clarity}"/>
            </mx:HBox>
            <mx:HBox width="100%">
                <mx:Label width="100" text="Shop"/>
                <mx:Label text="{data.lgort_fp}"/>
            </mx:HBox>
            <mx:HBox width="100%">
                <mx:Label width="100" text="Resizing"/>
                <mx:Label text="{data.resizing}"/>
            </mx:HBox>
            <mx:HBox width="100%">
                <mx:Label width="100" text="Price Excl. VAT"/>
                <mx:Label text="{data.net_price_fp}"/>
            </mx:HBox>
        </mx:VBox>
    </mx:Component>


    <mx:HorizontalList
        dataProvider="{GlobalData.instance.tray}" 
        columnCount="4"
        rowCount="1"
        horizontalScrollPolicy="off"
        itemRenderer="{Item}"
    />
</mx:Canvas>

僅供參考，horizo​​ntalList數據提供程序是對象的ArrayCollection。

現在，horizo​​ntallist正在顯示空項目...具有正確的寬度... arraycollection不為空（我正在對項目的click事件使用警報，並且確實檢索了預期的數據）。

希望這對> _ <有幫助

此致BS_C3

Answer 1

你有沒有嘗試過

<mx:Label text="{data.label1}"/>

？ （ label1是對象的屬性）

Answer 2

使用列表中的labelField字段，請參見此處

<mx:List dataProvider="{myDataProvider}" labelField="label1"/>

Answer 3

嘗試將自定義類聲明為組件中某個位置的變量。 聲明該類的實例后，Flex可能會更成功地標識該類的屬性。

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
  <mx:Script>
    <![CDATA[
      private var myClass:CustomClass;
    ]]> 
  </mx:Script>
    <mx:Component id="Item">
        <mx:VBox width="180">
         ...

thelost的代碼也正確。 您應該可以使用

<mx:Label text="{data.label1}"/>

在itemRenderer訪問類的屬性。

編輯：我確定您已完成此操作，但還要再次檢查是否已將HorizontalList的dataProvider設置為CustomClass的[Bindable]聲明。

Answer 4

我設法解決了我的問題。

當我刪除itemrenderer的vbox的width屬性時，所有數據都出現在horizo​​ntalList中。 為什么？ 我不知道為什么，但是似乎它是將數據放置在horizo​​ntallist的可見范圍之外的位置（呵呵）。

問題是現在一切正常。 對於最終代碼，您將擁有：

Horizo​​ntalList：

<mx:HorizontalList id="hlist"
    dataProvider="{TrayData.instance.itemsCollection}" 
    columnCount="{TrayData.instance.hlistColumns}"
    rowCount="1"
    itemRenderer="components.TrayItem"
    horizontalScrollPolicy="off"
    horizontalCenter="0" verticalCenter="0"
    borderStyle="none"
    horizontalScrollPosition="{TrayData.instance.hsPosition}"
    />

ItemRenderer：

<mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml" >

    <mx:HBox width="100%">
        <mx:Spacer width="100%"/>
        <mx:Button label="x"/>
    </mx:HBox>
    <mx:HBox width="100%">
        <mx:Spacer width="15%"/>
        <mx:VBox width="70%">
            <mx:Image id="thumbnail" horizontalAlign="center"/>
            <mx:Label width="100%" textAlign="center" text="Collection"/>
            <mx:HBox width="100%">
                <mx:VBox id="labelBox" width="100">
                    <mx:Label width="100" text="GIA"/>
                    <mx:Label width="100" text="Finger Size"/>
                    <mx:Label width="100" text="Carat"/>
                    <mx:Label width="100" text="Color"/>
                    <mx:Label width="100" text="Clarity"/>
                    <mx:Label width="100" text="Shop"/>
                    <mx:Label width="100" text="Resizing"/>
                    <mx:Label width="100" text="Price"/>
                </mx:VBox>
                <mx:VBox id="dataBox" width="100%" horizontalAlign="left">
                    <mx:Label text="{data.resizingCode + ' ' + data.charg_st}"/>
                    <mx:Label text="{data.fingerSize}"/>
                    <mx:Label text="{((new Number(data.carats))/100).toString()}"/>
                    <mx:Label text="{data.color}"/>
                    <mx:Label text="{data.clarity}"/>
                    <mx:Label text="{data.lgort_fp}"/>
                    <mx:Label text="{data.net_price_fp}"/>
                </mx:VBox>
            </mx:HBox>
            <mx:Button label="Order" enabled="{data.product_type == 'C'}" width="50%"/>
        </mx:VBox>
        <mx:Spacer width="15%"/>
    </mx:HBox>

</mx:VBox>

此致BS_C3