Flex 4 冒泡自定义事件

发布于 2024-08-13 02:41:27 字数 590 浏览 5 评论 0原文

如何在 Flex 4 中创建冒泡自定义事件？

要在 MXML 中创建和公开自定义事件，您需要在将使用以下行调度事件的组件中声明它：

<fx:Metadata>
        [Event(name="select", type="my.engine.events.SelectionEvent")]
</fx:Metadata>

这允许您：

<my:CustomComponent select="doSomething()"/>

但是，如何使该气泡向上。我想做这个

<s:DataGroup select="doSomethingForAll();">
   <s:itemRenderer>
      <fx:Component>
         <my:CustomComponent/>
      </fx:Component>
   </s:itemRenderer>
</s:DataGroup/>

谢谢！

原文

How to create a bubbling custom event in Flex 4?

To create and expose a custom event in MXML, you need to declare it at the component that will dispatch the event with this line:

<fx:Metadata>
        [Event(name="select", type="my.engine.events.SelectionEvent")]
</fx:Metadata>

This allows you to:

<my:CustomComponent select="doSomething()"/>

However, how do you make this bubble upwards. I want to do this

<s:DataGroup select="doSomethingForAll();">
   <s:itemRenderer>
      <fx:Component>
         <my:CustomComponent/>
      </fx:Component>
   </s:itemRenderer>
</s:DataGroup/>

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

〗斷ホ乔殘χμё〖 2024-08-20 02:41:27

您的自定义事件必须扩展事件。在构造函数中，您会发现 name:string、bubbling:boolean 和 cacellable:boolean 作为参数。

将冒泡参数设置为 true。在您的示例中，元数据标记必须位于您的数据组标记中。

回复收藏 0 原文

迷离° 2024-08-20 02:41:27

一种可能的解决方案（但不完全是我想要的）是在数据组级别添加这行代码。

this.addEventListener(SelectionEvent.SELECTED, onSelect);

这将确保 CustomComponent 触发的所有事件都不会发生。

One possible solution but not exactly what i was looking for is to add this line of code at the DataGroup level.

this.addEventListener(SelectionEvent.SELECTED, onSelect);

This will ensure all events fired by CustomComponent is cought.

回复收藏 0 原文

简单气质女生网名 2024-08-20 02:41:27

您可以使用内置于扩展类中的指定自定义元标记数据信息来扩展 s:DataGroup 容器，也可以从 itemRenderer 的“select”事件处理程序中调用“doSomethingForAll()”方法，请参阅下面的代码：

<s:DataGroup         
    dataProvider="{instructions}"        
    width="100%">        
    <s:itemRenderer>
        <fx:Component>
            <my:CustomComponent                    
                select="rendererSelect()">
                <fx:Script>
                    <![CDATA[

                        protected function rendererSelect():void
                        {
                            outerDocument.doSomethingForAll();
                        }

                    ]]>
                </fx:Script>
            </my:CustomComponent>
        </fx:Component>
    </s:itemRenderer>                
</s:DataGroup>

You can either extend s:DataGroup container with specified custom metatag data information built-in into the extended class or you can either call "doSomethingForAll()" method from itemRenderer's "select" event handler, see code below:

<s:DataGroup         
    dataProvider="{instructions}"        
    width="100%">        
    <s:itemRenderer>
        <fx:Component>
            <my:CustomComponent                    
                select="rendererSelect()">
                <fx:Script>
                    <![CDATA[

                        protected function rendererSelect():void
                        {
                            outerDocument.doSomethingForAll();
                        }

                    ]]>
                </fx:Script>
            </my:CustomComponent>
        </fx:Component>
    </s:itemRenderer>                
</s:DataGroup>

回复收藏 0 原文