将Gridview的AutoGeneratedDelete LinkBut​​ton更改为图像按钮

Question

i have a gridview with AutoGenerateDeleteButton Property set true. Of course this property auto generates a linkbutton at the leftmost of the gridview, my question is, how can i change it to an Image Button?? i wanted my gridview to look more presentable by making the control buttons an image.

Thanks! :)

Answer 1

You can do by using template in grid...

for more info

http://p2p.wrox.com/asp-net-2-0-professional/46216-image-button-template-field-gridview-control.html

Answer 2

Try this

<Columns>
   <asp:CommandField ButtonType="Image" DeleteImageUrl="~/Images/DeleteImage.png"
      ShowDeleteButton="true"/>
</Columns>

And set AutoGenerateDeleteButton="false"

Or Refer this too

Answer 3

You can create a TemplateField and use autogeneratecolumns="false" .

Here's an example of a GridView:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns ="false">
    <Columns>
        <asp:TemplateField>
        <ItemTemplate>
            <asp:LinkButton ID="Link" runat="server" Text="click" OnClick="link_Click"/>
        </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField DataField="field1" HeaderText="My Column 1" />
        <asp:BoundField DataField="field2" HeaderText="My Column 2" />
     </Columns>
</asp:GridView>

Where field1 and field2 are headers from your DataTable

And to access the row within the event handler:

protected void link_Click(object sender, EventArgs e)
{
    int rowindex = ((GridViewRow)((Control)sender).NamingContainer).RowIndex;
    //do something with rowindex etc
}

Answer 4

Add new Template Column and in add image button and set CommandName='Delete' it'll raise the delete event automatically.

    <asp:TemplateField>
        <ItemTemplate>
             <asp:ImageButton ID="imgDelete" ImageUrl="~/imgs/Delete.png" 
              CommandName="Delete" runat="server" />
        </ItemTemplate>
    </asp:TemplateField>