主應用程序無法捕獲自定義事件Flex

當我從「ItemRendered」派發自定義事件到「主應用程序」時，我有一個問題，當我點擊「CheckBox」時，函數「avatarSelectedHandler（）（ItemRendered）位於「DataGrid」中，我遵循官方文檔adobe，但不幸的是我沒有找到解決方案。主應用程序無法捕獲自定義事件Flex

下面我的代碼：

Try.mxml（主要應用）

<?xml version="1.0" encoding="utf-8"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:s="library://ns.adobe.com/flex/spark" 
      xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationComplete="initApps()"> 

<fx:Script> 
    <![CDATA[ 
     import entity.Avatar; 
     import events.AvatarSelected; 
     import mx.collections.ArrayCollection; 
     import mx.controls.Alert; 

     [Bindable] 
     private var listAvatar:ArrayCollection=new ArrayCollection(); 




     public function initApps():void{ 
      getAvatar(); 
       avatarColumn.addEventListener(AvatarSelected.SELECTED_AVATAR,avatarSelectedHandler); 
      //avatarGrid.addEventListener(AvatarSelected.SELECTED_AVATAR,avatarSelectedHandler); 
      if(avatarColumn.hasEventListener(AvatarSelected.SELECTED_AVATAR)) 
      Alert.show("EventListener OK "); 

     } 
     public function avatarSelectedHandler(event:AvatarSelected):void 
     { 
      Alert.show("L'evenement est bien traité sur main"); 
     } 

     public function getAvatar():void{ 
      var date:Date=new Date(); 

      var avatar1:Avatar=new Avatar(); 
      avatar1.idAvatar=4562; 
      avatar1.pseudo="X"; 

      var avatar2:Avatar=new Avatar(); 
      avatar2.idAvatar=659; 
      avatar2.pseudo="Y"; 

      listAvatar.addItem(avatar1); 
      listAvatar.addItem(avatar2); 
     } 
    ]]> 
</fx:Script> 

<s:DataGrid x="158" y="177" width="649" height="194" fontFamily="Times New Roman" id="avatarGrid" 
      fontSize="15" requestedRowCount="4" textAlign="center" dataProvider="{listAvatar}"> 
    <s:columns> 
     <s:ArrayList> 
      <s:GridColumn dataField="isAvatar" headerText="Id" ></s:GridColumn> 
      <s:GridColumn dataField="pseudo" headerText="Pseudo"></s:GridColumn> 
      <s:GridColumn headerText="Selectionner" width="100" itemRenderer="rendered.CheckRendered" id="avatarColumn"></s:GridColumn> 


     </s:ArrayList> 
    </s:columns> 

</s:DataGrid> 
</s:Application>

我ItemRendered 「CheckRendered.mxml」

<?xml version="1.0" encoding="utf-8"?> 
<s:GridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
       xmlns:s="library://ns.adobe.com/flex/spark" 
       xmlns:mx="library://ns.adobe.com/flex/mx" 
       width="50" height="27" clipAndEnableScrolling="true"> 
<fx:Metadata> 
    [Event(name="avatarSelected", type="events.AvatarSelected")] 

</fx:Metadata> 

<fx:Script> 
    <![CDATA[ 
     import entity.Avatar;   
     import events.AvatarSelected; 
     import mx.controls.Alert; 

     protected function cBox_clickHandler(event:MouseEvent):void 
     { 
      var eventAvatar:AvatarSelected=new AvatarSelected("avatarSelected",Avatar (data)); 
      dispatchEvent(eventAvatar); 

     } 

    ]]> 
</fx:Script> 

    <s:CheckBox id="cBox" horizontalCenter="0" click="cBox_clickHandler(event)"/> 

</s:GridItemRenderer>

我的自定義事件「AvatarSelected.as」

package events 
{ 
import entity.Avatar; 
import flash.events.Event; 
import mx.states.OverrideBase; 


public class AvatarSelected extends Event 
{ 
    public static const SELECTED_AVATAR:String = "avatarSelected"; 

    public var avatar:Avatar; 

    public function AvatarSelected(type:String, avatar:Avatar) 
    { 
     super(type); 
     this.avatar =avatar; 
    } 

}

}

我VO「Avatar.as」

package entity 
{ 
//[Bindable] 
//[RemoteClass(alias="entity.Avatar")] 

[Bindable] 
public class Avatar 
{ 
    public var idAvatar:Number; 
    public var pseudo:String; 

    } 
}

我選擇了另一種方式來捕獲事件，我創建了一個擴展的GridColumn接受該事件作爲參數的一類SkinDataGrid，但它不工作然而！

在主應用程序的DataGrid：

<s:DataGrid x="171" y="333" width="649" height="194" fontFamily="Times New Roman" id="avatarGridII" 
      fontSize="15" requestedRowCount="4" textAlign="center" dataProvider="{listAvatar}"> 
    <s:columns> 
     <s:ArrayList> 
      <skin:SkinDataGrid dataField="isAvatar" headerText="Id" ></skin:SkinDataGrid> 
      <skin:SkinDataGrid dataField="pseudo" headerText="Pseudo"></skin:SkinDataGrid> 
      <skin:SkinDataGrid headerText="Selectionner" width="100" itemRenderer="rendered.CheckRendered" id="avatarColumnII" avatarSelected="avatarSelectedHandler(event)"></skin:SkinDataGrid> 


     </s:ArrayList> 
    </s:columns> 

</s:DataGrid>

SkinDataGrid.as

package skin 
{ 
import spark.components.DataGrid; 
import spark.components.gridClasses.GridColumn; 

[Event(name="avatarSelected", type="events.AvatarSelected")] 

public class SkinDataGrid extends GridColumn 
{ 
    public function SkinDataGrid() 
    { 
     super(); 
    } 

    } 
}

什麼想法？預先感謝您。

來源

2013-11-01 Saad

你沒有指定你有什麼樣的問題（錯誤類型），但是從看到我覺得可疑的代碼，那個函數avatarSelectedHandler有作爲MouseEvent類型的參數，當你將它分配爲AvatarSelected的處理程序類型。

來源

2013-11-01 12:03:35

謝謝你的評論（輸入錯誤）。問題是，當我點擊位於「DataGrid」中的「CheckBox」（ItemRendered）時，不會調用函數「avatarSelectedHandler（）」。 – Saad

我明白了。然後，另一個問題是，您將偵聽器分配給列對象，但事件將從渲染器觸發。 –

你能建議我嗎，我該怎麼辦？ – Saad

您還可以嘗試使用冒泡功能來分派此事件（默認情況下，它在Event類構造函數中設置爲false）。

在你的情況下，AvatarSelected構造可以改變水木清華這樣的：

public function AvatarSelected(type:String, avatar:Avatar, bubbles:Boolean=false, cancelable:Boolean=false) 
{ 
    super(type, bubbles, cancelable); 
    this.avatar =avatar; 
}

和事件建立會是這樣（在AvatarSelected上的第三個參數注意（））：

var eventAvatar:AvatarSelected = new AvatarSelected("avatarSelected", Avatar (data), true);

來源

2013-11-02 02:20:07

主應用程序無法捕獲自定義事件Flex

回答

相關問題