Horizontallist의 데이터 제공자로 형식화 된 ArrayCollection

Question

ArrayCollection에 객체가 있습니다. 이 배열을 가로 좌표로 dataprovider로 전달하고 있는데 사용자 정의 itemRenderer를 사용하고 있습니다.

응용 프로그램을 실행하면, horizontallist이

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

나는 다음과 같이 itemRenderer를 각 개체를 캐스팅하려고했습니다 표시됩니다

:

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

을하지만 작동하지 않습니다 ...

제공 할 수있는 도움에 감사드립니다. 편집

---

BS_C3

감사합니다 -

2010 09 3 월의 좀 더 코드 가자 =)

<?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> 

는 참고의 horizonalList의 dataProvider의 객체의 ArrayCollection에 있습니다.

이제 widthallist가 정확한 너비의 빈 항목을 표시하고 있습니다 ... arraycollection이 비어 있지 않습니다 (항목의 click 이벤트에 경고를 사용하고 예상 데이터를 검색합니다).). 이 _> <

감사합니다 도움이 될 것입니다

희망, BS_C3

Answer 1

문제를 해결할 수있었습니다.

itemrenderer의 vbox의 width 속성을 제거하면 모든 데이터가 horizontalList에 나타납니다. 왜? 나는 왜 그런지 모르지만 그것은 가로 좌표의 가시 범위 밖의 데이터 위치를 지정하는 것처럼 보입니다 (응?).

모든 것이 지금 작동 중입니다. 그리고 마지막 코드, 거기 당신은 :

HorizontalList :

<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

Answer 2

당신이

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

를 시도?

Answer 3

는 목록 내에서 labelField 필드를 사용하여 (label1이 객체의 속성 인), here

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

Answer 4

이 구성 요소 어딘가에 변수로 사용자 정의 클래스를 선언하는 시도를 참조하십시오. 클래스의 인스턴스를 선언하면, 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 너무 코드가 있습니다. 당신은 당신의 itemRenderer에서 클래스의 속성에 액세스

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

을 사용할 수 있어야합니다.

편집 : 나는 당신이 당신의 CustomClass의 [Bindable] 선언에 HorizontalList에 dataProvider을 설정 한 당신이 이런 짓을했는지, 또한 한 번 확인 해요.