Flexで単一のリストに複数のイベントを作成するにはどうすればいいですか？

Question

フレックス内の単一のリストに複数のビュー変更イベントを作成する方法の例を示すことができますか？

リスト内の各項目を完全に一意のビューファイルに変更したい。リスト内の10個のアイテムの代わりに1個の新しいビューに移動するが、別の情報が生成されているので、リスト内の項目ごとに1個の異なるビューが10個必要です。

私はこれを行う方法の例を見つけることができず、私はしばらくの間それをするために試してきました。これはモバイルアプリ向けですありがとう！

<fx:Script> 
<![CDATA[ 
import spark.events.IndexChangeEvent; 
protected function myList_changeHandler(event:IndexChangeEvent):void { 
navigator.pushView(views.EmployeeView,myList.selectedItem); 
} 
protected function myList2_changeHandler(event:IndexChangeEvent):void { 
navigator.pushView(views.EmployeeView2,myList.selectedItem); 
} 
protected function myList3_changeHandler(event:IndexChangeEvent):void { 
navigator.pushView(views.EmployeeView3,myList.selectedItem); 
}   
]]> 
</fx:Script> 

<s:List width="100%" height="100%" labelField="firstName"> 
<s:ArrayCollection> 
<fx:Object id="myList" change="myList_changeHandler(event)" firstName="Bill"/> 
<fx:Object id="myList2" change="myList2_changeHandler(event)" firstName="Dave"/> 
<fx:Object id="myList3" change="myList3_changeHandler(event)" firstName="Mary"/> 
</s:ArrayCollection> 
</s:List> 

Answer 1

あなたはここにいくつか不足しています。まず、あなたは、Listコンポーネントに変更イベントに耳を傾ける必要があります。

<s:List id="myList" width="100%" height="100%" labelField="firstName" change="myListChange(event)"> 

次に、ビューを変更するためのメソッドを作成する必要があります。

protected function myListChange(event:IndexChangeEvent):void 
{ 
    var newView:Class; 

    // You can decide a different view based on the newIndex property of the event 
    // There could be many better ways than a switch statement - this is for brevity 
    switch (event.newIndex) 
    { 
     case 0: 
      newView = EmployeeView0; 
      break; 
     case 1: 
      newView = EmployeeView1; 
      break; 
     default: 
      newView = OtherEmployeeView; 
      break; 
    } 

    navigator.pushView(newView,myList.selectedItem); 
}