asp.net - 如何在 ASP.Net GridView 中为 AutoGenerateEditButton 使用图像而不是文本

Question

我也在使用 AutoGenerateEditButton 以及 Delete 和 Select 。

我想在链接中使用图像而不是文本。

我该怎么做呢？

我不想手动创建命令列，因为 AutoGenerate 属性在我正在处理的一个大型项目中使用。

Answer 1

最简单的方法是自己处理这一切。这是一个使用 ImageButton 的快速示例替换编辑命令按钮:

<asp:GridView ID="yourGrid" runat="server" OnRowEditing="yourGrid_RowEditing">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:ImageButton ID="yourEditButton" runat="server"
                    CommandName="Edit" ImageUrl="edit.jpg" />
            </ItemTemplate>
            <EditItemTemplate>
                <!-- your edit controls here -->
            </EditItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

现在看后面的代码:

protected void yourGrid_RowEditing(object sender, GridViewEditEventArgs e)
{
    // You could just do yourGrid and ignore casting the sender but this 
    // makes the code generic for reuse.
    GridView grid = (GridView)sender;   
    grid.EditIndex = e.NewEditIndex;
    BindData(); // need to rebind once the edit index is set.
}

这几乎用 ImageButton 替换了自动生成的编辑按钮。 .通过设置 CommandName要编辑，它将触发与自动生成的编辑按钮完全相同的事件。这也适用于删除、更新等...