1 Reply Latest reply on Mar 12, 2010 5:23 AM by BS_C31

    Issues displaying a horizontallist items

    BS_C31

      Hello Community.

       

      I'm having issues displaying items in a horizontallist

       

      The horizontallist displays blank items for every item it's supposed to display.

      I've added an itemClick event on the horizontallist that displays (in an Alert) the data it is supposed to display. I do get the expected data in the Alert popup, but not in the HList... >_<

       

      Here's the code:

       

      HorizontalList

       

      <mx:HorizontalList id="hlist"

      dataProvider="{list}"

      columnCount="{TrayData.instance.hlistColumns}"

      rowCount="1"

      itemRenderer="{TrayItem}"

      horizontalScrollPolicy="off"

      horizontalCenter="0" verticalCenter="0"

      itemClick="Alert.show((event.itemRenderer.data).carats)"

      borderStyle="none"

      horizontalScrollPosition="{TrayData.instance.hsPosition}"

      />

       

       

      TrayItem (Renderer)

       

      <mx:Component id="TrayItem">

      <mx:VBox width="180" alpha="1">

      <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:Button label="Order" paddingTop="10" enabled="{data.product_type == 'C'}"/>

      </mx:VBox>

      </mx:Component>

       

       

      I've been stuck with this issue for about 3/4 days.

      I'm using horizontallist in other components and they do work fine!

       

      Your help would really be appreciated.

       

      Regards,

      BS_C31

       

      Some print screens:

      sc1.PNG

      cs2.PNG