主应用程序无法捕获自定义事件 Flex

Question

我在将自定义事件从我的"ItemRendered"发送到"主应用程序"时遇到问题，当我单击位于"DataGrid"中的"复选框"（ItemRendered）时，没有调用函数"avatarSelectedHandler（）"，我遵循了官方文档adobe，但不幸的是我没有找到解决方案。

在我的代码下面：

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>

My ItemRender "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;
   }
}

我

选择了另一种方法来捕获事件，我创建了一个类 SkinDataGrid，它扩展了 GridColumn 以接受事件作为参数，但它还没有工作！

主应用程序上的数据网格：

<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();
    }
   }
}

知道吗？提前谢谢你。

Answer 1

您没有指定您遇到的问题类型（错误类型），但是从查看我认为可疑的代码来看，当您将其分配为 AvatarSelected 类型的处理程序时，该函数 avatarSelectedHandler 具有 MouseEvent 类型的参数。

Answer 2

您还可以尝试在启用冒泡的情况下调度此事件（默认情况下，它在 Event 类构造函数中设置为 false）。

在您的情况下，可以将 AvatarSelected 构造函数更改为 smth，如下所示：

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);