如何在asp.net webform中使用bootstrap格式化gridview的編輯、更新、刪除按鈕

Question

目前我有一個 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 開發的初學者）

Answer 1

如果您使用具有 CommandNames Edit 、 Delete 、 Cancel和Update等的 LinkBut​​ton 創建 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>