如何在数据网格中的每一行中显示删除图像？

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组件（一个带有Label和一个Image的HBox就可以了）并将其用作itemRenderer。

您可以查看this example from the Adobe website。