Jak obsługiwać zdarzenia kliknięcia w kontroli listy Spark w Flex 4

Question

Mam składnik s: List. Chcę obsłużyć zdarzenie kliknięcia, aby wiedzieć, który element listy jest zaznaczony. Nie widzę zdarzenia kliknięcia na s: Lista. Jakiekolwiek obejścia?

Dzięki.

Answer 1

Pomyślałem, jak to zrobić. Myślałem, że będzie udostępniać tak, że pomaga innym, jak ja:

<s:List id="taskList" creationComplete="taskList.addEventListener('listClickEvent',handleListClick);" width="100%" height="80%" labelField="description" dataProvider="{todoList}" 
     useHandCursor="true"> 
    <s:itemRenderer> 
     <fx:Component> 
      <s:ItemRenderer click="handleClick(event)"> 
       <fx:Script> 
        <![CDATA[ 
         import ListClickEvent; 

         import flash.events.MouseEvent; 

         import mx.controls.Alert; 
         private function handleClick(me:MouseEvent):void 
         { 
          var listClickEvent:ListClickEvent = new ListClickEvent("listClickEvent"); 
          listClickEvent.index = itemIndex; 
          owner.dispatchEvent(listClickEvent); 
         } 
        ]]> 
       </fx:Script> 
       <s:Label text="{data.description}" top="5" bottom="5" right="3" left="3"/> 
      </s:ItemRenderer> 
     </fx:Component> 
    </s:itemRenderer> 
</s:List> 

Answer 2

Wiem, że późno do partii tutaj, ale to najprostszy sposób, aby uzyskać wybrany węzeł z listy w przypadku kliknięcia jest użycie currentTarget własność.

function myClickHandler(event:MouseEvent):void{ 
    Alert.show("My Var: " + event.currentTarget.selectedItem.myVar); 
} 

<s:List ... click="myClickHandler(event);"> 
... 
</s:List> 

patrz:

http://help.adobe.com/en_US/flex/using/WS2db454920e96a9e51e63e3d11c0bf69084-7cdb.html

Answer 3

Innym sposobem:

<s:List id="myid" 
      dataProvider="{listDP}" 
      width="100%" 
      height="100%"/> 

na tworzenie aplikacji Complete:

myid.addEventListener(MouseEvent.CLICK,clickHandler); 

Handler:

private function clickHandler(event:MouseEvent):void 
     { 
     if(myid.selectedIndex>=0) 
     { 
     ... 
     } 
      myid.selectedIndex=-1;//to detect click on same item 

     } 

Answer 4

Można użyć IndexChangeEvent.CHANGE na liście http://docs.huihoo.com/flex/4/spark/events/IndexChangeEvent.html

Pakiet spark.events Klasa public class IndexChangeEvent Inheritance Object IndexChangeEvent Event

Wersja języka: ActionScript 3.0 Wersja produktu: Flex 4 Wersje uruchomieniowe: Flash Player 10, AIR 1.5

Indeks Klasa ChangeEvent reprezentuje zdarzenia, które są wywoływane po zmianie indeksu w komponencie Spark.

Zobacz także

spark.components.supportClasses.ListBase spark.components.List spark.components.ButtonBar

Answer 5

To farrrr zbyt skomplikowane tutaj jest lepszy sposób:

<s:List id="whatever" dataProvider="{allMyData}" click="whateverList_click(event)"> </s:List> 
<fx:Script> 
var whatWasClicked:String = whatever.dataProvider.getItemAt(whatever.selectedIndex).label; 
</fx:Script> 

Boo ya.

Answer 6

Dzięki chłopaki,

Wystarczy upewnić się, że List ma swój id zmienny. Następnie należy zadzwonić w funkcji click handler tak:

private function listClickHandler(event:IndexChangeEvent) { 
    if(myListsID.seletectedIndex == 0){ 
     navigator.pushView(whateverViewyouwant) 
    } else if(myListsID.selectedIndex ==1){ 
     navigator.pushView(changetoanotherview) 
    } else if(myListsID.selectedIndex == 2){ 
     navigator.pushView(mobileViewsareEasy) 
    } else if(myListsID.selectedIndex == 3){ 
     navigator.pushView(wowSomanyViews) 
    } 

} 

Zmienna że idzie do funkcji pushView odpowiada nazwie pliku MXML za widok, który chcesz załadować

Answer 7

<s:List id="lstDesc" width="100%" height="100%"> 

    <s:change>     
     Descselected();//do your stuff here 
    </s:change> 

</s:List> 

w programie Flash Builder.