[Flex4]mx:DataGrid控件中itemRenderer的事件响应

场景：在下在mx:DataGrid中，自定义一下itemRenderer，用于添加按钮到列中

itemRenderer代码如下：

<?xml version="1.0" encoding="utf-8"?> <s:MXDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" focusEnabled="true"> <fx:Script> <!--[CDATA[ import com.surekam.modules.iturm.topologymanagement.event.ModifyEvent; protected function linkbutton1_clickHandler(event:Event):void { dispatchEvent(new ModifyEvent(ModifyEvent.MODIFY,true)); } ]]--> </fx:Script> <mx:LinkButton id="lbt_lookInto" click="linkbutton1_clickHandler(event)" label="查看"/> </s:MXDataGridItemRenderer>

 

mx:DataGrid组件的代码如下：

 

<mx:DataGrid id="dtg_dep" x="10" y="43" width="1111" height="262" dataProvider="{devieceData}" creationComplete="dtg_dep_creationCompleteHandler(event)"> <mx:columns> <mx:DataGridColumn id="dgc_name" headerText="设备名" dataField="name"/> <mx:DataGridColumn id="dgc_state" headerText="运行状态" dataField="state"/> <mx:DataGridColumn id="dgc_chk" headerText="操作" itemRenderer="com.surekam.modules.iturm.topologymanagement.common.Operators"/> </mx:columns> </mx:DataGrid>

 

如上所示，在第三个DataGridColumn中添加了一个呈现器，效果如下图：

 

 

如果itemRenderer中的事件派发处，第二个参数为false(default)时，DataGrid添加了EventListener也是没用的，flex一定反应也没有。

但如果将第二个参数设置为true的话，DataGrid就可以对事件响应了。

 

原理：

     因为捕捉的过程到不了itemRenderer这个深度 所致。当我们改冒泡时，直接从叶子节点出发溯源（从leaf开始向上找root），所以指定节点的 任何直系父辈会可以感知这一事件的发生。而 cancelable只是用于声明当前所发生的事件消息是否可以被截停，不继续传下去，与树的深度等无关。已经过实验，与第二个参数的设置没有关系。