如何在 asp.net webform 中使用 bootstrap 格式化编辑、更新、删除 gridview 按钮答案

【问题标题】：How to format edit, update, delete buttons of gridview using bootstrap in asp.net webform如何在 asp.net webform 中使用 bootstrap 格式化编辑、更新、删除 gridview 按钮
【发布时间】：2019-12-11 13:14:46
【问题描述】：

目前我有一个gridview，在asp.net web 表单的gridview 上启用了编辑、删除和更新按钮。只是想知道如何编辑这些按钮，因为默认情况下它们被设计成一个简单的超链接。

这里是gridview的设计代码：

<asp:GridView ID="GridView1" CssClass="table table-bordered" runat="server" 
  AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False" 
  AutoGenerateDeleteButton="True" AutoGenerateEditButton="True" 
  AutoGenerateSelectButton="True" DataKeyNames="Sr_No" DataSourceID="SqlDataSource1" 
  OnSelectedIndexChanged="GridView1_SelectedIndexChanged" 
  OnRowEditing="GridView1_RowEditing">
    <Columns>
        <asp:BoundField DataField="Sr_No" HeaderText="Sr_No" InsertVisible="False" ReadOnly="True" SortExpression="Sr_No" />
        <asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" />
        <asp:BoundField DataField="From_Date" HeaderText="From_Date" SortExpression="From_Date" />
        <asp:BoundField DataField="To_Date" HeaderText="To_Date" SortExpression="To_Date" />
        <asp:BoundField DataField="No" HeaderText="No" SortExpression="No" />
        <asp:BoundField DataField="Remarks" HeaderText="Remarks" SortExpression="Remarks" />
    </Columns>
</asp:GridView>

从上面的代码中可以看出，我在这个设计中找不到按钮线。在此先感谢。（我只是 .net 开发的初学者）

【问题讨论】：

您好！这回答了你的问题了吗？ codeproject.com/Articles/1276525/…
那么不要自动生成按钮。使用 ItemTemplates 创建它们，然后使用
JohnPete22 谢谢，它成功了。

标签： c# asp.net .net bootstrap-4 webforms

【解决方案1】：

如果您使用具有命令名称Edit、Delete、Cancel 和Update 等的 LinkButton 创建一个 TemplateField，那么您可以设置它们的样式。

<asp:GridView ID="GridView1" runat="server">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>

                <asp:LinkButton ID="editRow" runat="server" CommandName="Edit" Text="Edit" CssClass="btn btn-primary" />

            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

【讨论】：