从itemRenderer获取Datagrid中的selectedIndex

Question

我有一个DataGrid，并且第一列单元格有一个itemRenderer，其中嵌入的图像和doubleClick事件链接在一起。

因此，当发生o双击事件时，此呈现器捕获事件和处理程序。问题是我想用Datagrid中所选项目的索引来分派事件，但我不知道如何创建它。

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" clipAndEnableScrolling="true" 
       width="50" height="30"> 

<fx:Script> 
    <![CDATA[ 
     import events.EditItemEvent; 

     import mx.controls.Alert; 
     override public function prepare(hasBeenRecycled:Boolean):void {} 

     protected function btn_edit_doubleClickHandler(event:MouseEvent):void { 
      /* here I dispatchEvent with the 'index' of the selectedItem of the datagrid */ 
     } 

    ]]> 
</fx:Script> 
<s:Image id="btn_edit" horizontalCenter="0" source="@Embed('assets/images/edit_icon.png')" 
     verticalCenter="0" 
     doubleClickEnabled="true" 
     doubleClick="btn_edit_doubleClickHandler(event)"/> 

任何想法？

Answer 1

你能用grid。 selectedIndex？

老实说，我认为这是一个坏主意。渲染器不应该知道任何有关包括selectedIndex的DataGrid。如果要分派自定义事件，以便可以在显示列表层次结构中的某个位置上操作渲染器数据;你应该包括数据，而不是索引。您的处理程序方法对数据进行操作。

Answer 2

，你可以通过它访问它的主人属性：

(this.owner as DataGrid).selectedIndex 

简单的itemRenderer其调度自定义事件：

<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"> 

<fx:Script> 
    <![CDATA[ 

     override public function prepare(hasBeenRecycled:Boolean):void { 
      lblData.text = data[column.dataField] 
     } 
     protected function onClickButton(ev:MouseEvent):void { 
      trace("ButtonDispatchItemRenderer::onClickButton"); 
      //dispatch the Event which has a static const GET_SELECTED_INDEX for the event type 
      this.owner.dispatchEvent(new MyEvent(MyEvent.GET_SELECTED_INDEX)); 
     } 
    ]]> 
</fx:Script> 

<s:HGroup verticalAlign="baseline"> 
    <s:Label id="lblData" top="9" left="7"/> 
    <s:Button label="dispatch" click="onClickButton(event)"/> 
</s:HGroup> 

</s:GridItemRenderer> 

有一个DataGrid听事件

<mx: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="onCreationComplete()"> 
<fx:Declarations> 
    <!-- Place non-visual elements (e.g., services, value objects) here --> 
</fx:Declarations> 
<fx:Script> 
    <![CDATA[ 
     import mx.collections.ArrayCollection; 

     import spark.components.gridClasses.GridColumn; 


     [Bindable] 
     public static var initDG:ArrayCollection = new ArrayCollection([ 
      {label:"firstItem"}, {label:"secondItem"}, {label:"thirdItem"} 

     ]); 


     protected function onCreationComplete():void { 

      dataGrid.addEventListener(MyEvent.GET_SELECTED_INDEX, onRendererButtonClick, false, 0, true); 
     } 
     protected function onRendererButtonClick(ev:MyEvent):void { 
      trace("Application::RenderButtonClick"); 
     } 

    ]]> 

</fx:Script> 
<s:VGroup> 
    <s:DataGrid id="dataGrid" verticalCenter="0" horizontalCenter="0" dataProvider="{initDG}"> 
     <s:columns> 
      <s:ArrayList> 
       <s:GridColumn dataField="label" itemRenderer="renderers.ButtonDispatchItemRenderer"></s:GridColumn>     
      </s:ArrayList> 
     </s:columns>    
    </s:DataGrid> 
</s:VGroup> 

</mx:Application> 

简单的应用程序

你必须添加一个属性到你拥有selectedIndex的事件。您必须将值传递给渲染器中的事件（例如构造函数中的第二个参数）此示例只是分派事件