플렉스 HSlider 툴팁 배열 채우기

Question

웹 서비스를 통해 HSlider 용 툴팁 배열을 채울 수 있기를 원합니다.

아래 코드는 arrayValues ​​배열에서 anotherArray를 init() 함수로 채우는 것입니다.

그러나 응용 프로그램을 시작하면 anotherArray는 "null"만 포함하고 나머지 데이터는 포함하지 않습니다.

아이디어가 있으십니까?

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:containers="com.dougmccune.containers.*" 
    backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#353535, #353535]" creationComplete="init()"> 
    <mx:Script> 
     <![CDATA[ 
      import mx.collections.ArrayCollection; 
      import mx.containers.Canvas; 
      import mx.containers.Panel; 
      import mx.controls.TextArea; 
      import generated.webservices.*; 

      import com.polecat.ui.customUIComponent.slider.SliderTrack; 
      import com.polecat.ui.customUIComponent.slider.CSpSliderThumb; 

      public var articlePanel:Panel; 
      public var articleCanvas:Canvas; 
      public var articleTextArea:TextArea; 

      // create web service 
      public var service:ICarouselService = new CarouselService(); 

      [Bindable] 
      public var numResults:int = 0; 

      // array to test slider 


      var arrayValues:Array = ["null","January '08", "February '08", "March '08", "April '08", "May '08", "June '08", "July '08", "August '08", 
             "September '08", "October '08", "November '08", "December '08"]; 

      [Bindable] 
      public var anotherArray:Array = new Array(); 


      [Bindable] 
      var gobbitArray:Array = ["null"]; 

      private function init() : void 
      { 
       service.addregisterSearchSetEventListener(registerSearchSetListener); 
       service.addgetArticleSetEventListener(getArticleSetListener); 

       // library_id 
       //service.registerSearchSet(1); 
       // need to wait here before calling next method 
       // searchKey, startRecord, endRecord 
       service.getArticleSet(1, 1, 2); 
       for each(var s:String in arrayValues) 
       { 
        anotherArray.push(s); 
       } 
      } 

      // -- Our Event Handlers -- 

      private function registerSearchSetListener(event:RegisterSearchSetResultEvent):void 
      { 
       var searchData:SearchMetaData = event.result; 
       numResults = searchData.noOfResults; 
      } 

      private function getArticleSetListener(event:GetArticleSetResultEvent):void 
      { 
       var searchData:Array = event.result; 

       for each (var article:VisualisationArticle in searchData) 
       { 
        // add the gobbit to the array 
        //var numGobbits:int = gobbitArray.push(article.gobbit); 
        //trace(numGobbits); 

        // CoverFlow stuff 
        articlePanel = new Panel(); 
        articleTextArea = new TextArea(); 
        articlePanel.addChild(articleTextArea); 
        articlePanel.title = article.title; 
        articleTextArea.text = article.sourceName + "\n" + article.url + "\n" + article.gobbit + "\n" + "Number of coverflow children: " + coverflow.numChildren + "\n" + "Size of searchData: " + searchData.length; 
        articlePanel.width = 200; 
        articlePanel.height = 200; 

        coverflow.addChild(articlePanel); 

       } 
      }  
     ]]> 
    </mx:Script> 
    <mx:Style> 
     Panel { 
      borderColor: #99CDEE; 
      borderAlpha: 1; 
      borderThickness: 1; 
      borderThicknessLeft: 1; 
      borderThicknessTop: 0; 
      borderThicknessBottom: 1; 
      borderThicknessRight: 1; 
      roundedBottomCorners: false; 
      cornerRadius: 5; 
      headerColors: #b5e6f3, #81b3e6; 
      dropShadowEnabled: false; 
      titleStyleName: "mypanelTitle"; 
      vertical-align:middle; 
      horizontal-align:center; 
     } 

     .mypanelTitle { 
      letterSpacing: 1; 
      color: #333333; 
      fontSize: 12; 
      fontWeight: bold; 
     } 
</mx:Style> 
    <mx:VBox id="box" verticalGap="0" height="247" width="100%" maxWidth="600" maxHeight="300" > 
      <containers:CoverFlowContainer id="coverflow" width="100%" height="244" 
       horizontalGap="40" borderStyle="inset" backgroundColor="0x000000" 
       reflectionEnabled="true"/> 


    </mx:VBox> 
    <mx:Canvas width="599" height="146"> 
     <mx:HSlider id="s" 
      showDataTip="false" 
      values="{anotherArray}" 
      creationComplete="{s.value=1}" 
      snapInterval="1" 
      minimum="1" 
      maximum="{anotherArray.length-1}" 
      liveDragging="true" 
      trackSkin="{SliderTrack}" 
      sliderThumbClass="{CSpSliderThumb}" 
      width="502" x="48.5" y="10"> 
     </mx:HSlider> 

      </mx:Canvas> 


</mx:Application> 

Answer 1

Flex는 Array 유형으로 데이터 바인딩을 지원합니다. HSlider는 Array.push()를 호출 할 때 변경 이벤트를 수신하지 않습니다. 거의 모든 경우에 Array 대신 ArrayCollection을 사용하는 것이 좋습니다. 오버 헤드는 애플리케이션의 모든 UIComponents의 복잡성에 비해 무시할 정도로 작습니다.

Answer 2

[Bindable] 
public var numResults:int = 0; 

// array to test slider 

[Bindable] // you miss this line 
var arrayValues:Array = ["null","January '08", "February '08", "March '08", 
      "April '08", "May '08", "June '08", "July '08", 
      "August '08", "September '08", "October '08", 
      "November '08", "December '08"]; 

[Bindable] 
public var anotherArray:Array = new Array();