Question

我有一个带有编辑按钮的gridview，它由“AutoGenerateEditButton”生成。现在我需要在此编辑按钮附近添加带有新事件的按钮。

如何将按钮放在那里： enter image description here

Answer 1

您可以创建TemplateField并将按钮放在ItemTemplate内。如果您希望编辑链接按钮和另一个控件位于同一列，只需将它们放置即可在一个<td>元素中。请注意，使用此方法时，您不再需要AutoGenerateEditButton="true"手动实现此方法。如果您想保留现有功能（AutoGenerateEditButton="true"），请考虑使用javascript实现此功能

<强> ASPX：

    <asp:GridView ID="GridView1" AutoGenerateColumns="false" runat="server">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <table>
                        <tr>
                            <td>
                                <asp:LinkButton ID="lnkEdit" runat="server" Text="Edit" /> <br />
                                <asp:Button ID="btnGreet" runat="server" OnCommand="Greet" CommandArgument='<%# Eval("Name") %>'
                                    Text="Greet" />
                            </td>
                            <td>
                                <asp:Label ID="lblName" runat="server" Text='<%# Eval("Name") %>' />
                            </td>
                        </tr>
                    </table>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

代码背后：

protected void Greet(object sender, CommandEventArgs e)
{
    Response.Write("Hello " + e.CommandArgument);
}

Answer 2

您可以创建自己的模板。最简单的方法是转到gridview编辑器并找到自动按钮部分并右键单击并说“转换为模板”。你会看到所有的按钮，你可以在那里添加你想要的东西。

Answer 3

使用gridview的模板字段添加您的编辑按钮。

       <asp:GridView ID="gvproddet" runat="server" AutoGenerateColumns="false">
            <Columns>
            <asp:TemplateField>
            <ItemTemplate>
            <asp:ImageButton ID="imgmodify" runat="server"  ImageUrl="~/database/images/edit.jpg"/>
            </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Remove">
            <ItemTemplate>
            <asp:ImageButton ID="imgbtnDelete"  runat="server" ImageUrl="~/database/images/DeleteRed.jpg" />
            </ItemTemplate>
            </asp:TemplateField>
            </Columns>  
       </asp:GridView>

注意：将 AutoGenerateColumns 属性设置为false。如果您希望同一列中的两个按钮都放在同一个<td>中。

如何在GridView中的编辑链接附近添加新按钮？

3 个答案: