主应用程序无法捕获自定义事件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

回答

相关问题