Как я могу показать удаление изображения в каждой строке в сетке данных?

Question

Я хочу показать изображение мыши внутри сетки данных в каждой строке, поэтому, если я щелкну на этом изображении, должна вызвать некоторая функция (согласно моему требованию). как я могу это сделать?

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

Вы можете проверить этот пример на веб-сайте Adobe .