时间戳

首页 > 解决方案 > 如何在 asp.net webform 中使用 bootstrap 格式化编辑、更新、删除 gridview 按钮

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

问题描述

目前我有一个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开发的初学者）

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

解决方案

如果您使用具有 CommandNames Edit、等的 LinkBut​​ton 创建一个 TemplateField Delete，那么您可以设置它们的样式。CancelUpdate

<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>

推荐阅读