데이터 그리드의 각 행에 이미지 삭제를 표시하려면 어떻게해야합니까?

Question

나는 각 행에 내부 데이터 격자를 통해 onmouse 이미지를 표시하고 싶습니다. 따라서 해당 이미지를 클릭하면 일부 기능이 호출됩니다 (필자의 요구 사항에 따라). 어떻게해야합니까?

<mx:DataGrid width="320" height="624" verticalScrollPolicy="on" dataProvider="{blocked_Usernames}" editable="true"> 
     <mx:columns> 
      <mx:DataGridColumn headerText="Blocked User Name" dataField="blockedUsernames" editorDataField="value"/> 
      <mx:DataGridColumn width="20" editable="false"> 
       <mx:itemRenderer > 
        <mx:Component >       
         <mx:Image source="@Embed('assets/image/Close.png')" width="10" height="10" autoLoad="false"/> 
        </mx:Component> 
       </mx:itemRenderer> 
      </mx:DataGridColumn>  
     </mx:columns> 
    </mx:DataGrid> 

Answer 1

새 MXML 구성 요소 (레이블이있는 HBox 및 이미지가 트릭을 수행해야 함)를 만들어 itemRenderer로 사용해야합니다.

this example from the Adobe website을 확인할 수 있습니다.