asp.net - 将可点击的图像添加到 ASP.Net 中的 GridView

Question

我试图在 GridView 中每行的末尾添加一个删除图像。我希望用户能够单击图像来删除该行。

因此，我使用 HyperLinkField 创建一个指向另一个页面的链接，该链接将删除该记录:

<asp:HyperLinkField DataNavigateUrlFields="ID" 
                        DataNavigateUrlFormatString="RemoveLine.aspx?ID={0}"                             
                        Target="_blank"   />

HyperLinkField 不包含图像标签，因此我创建了一个内部包含图像的 TemplateField。

<asp:TemplateField>
    <ItemTemplate>
        <asp:Image ID="imageRemove" runat="server" ImageUrl="~/Images/smallcross.gif"  />                                
    </ItemTemplate>                        
</asp:TemplateField>

但是 HyperLinkField 和 Image 出现在不同的列中，并且图像没有单击事件。

有什么办法可以将两者结合起来吗？

我使用的是 ASP.Net 4.0。

提前致谢

Answer 1

通常您需要确定要删除的记录，可以使用CommadArgument属性来确定记录的Id:

<asp:TemplateField HeaderStyle-Width="40">
    <ItemTemplate>
        <asp:ImageButton ID="ButtonDelete" runat="server"  
            ImageUrl="~/Imags/delete.png" OnClick="ButtonDelete_Click" ToolTip="Delete"
            CommandArgument='<%#Bind("UserId")%>'/>
    </ItemTemplate>
</asp:TemplateField>

protected void ButtonDelete_Click(object sender, EventArgs e)
{
    ImageButton button = sender as ImageButton;
    DeleteUserById(Convert.ToInt32(button.CommandArgument));
}