將按鈕添加到GridView的最后一列

Question

這就是我在ASP.NET C＃項目中創建網格視圖的方式。 該網格有4列。 我想添加第五列，並在每一行上添加一個按鈕。 我怎樣才能做到這一點 ？

<asp:GridView ID="gv" runat="server"  CellPadding="1" Width="900px"/>

Answer 1

1. 在gridview標記中設置AutoGenerateColumns="False"
2. 將列定義為BoundField （如果需要，也可以定義為TemplateField ）
3. 在最后一列中為按鈕添加一個TemplateField

總結：

<asp:GridView runat="server" ID="gv" AutoGenerateColumns="False" CellPadding="1" Width="900px">
    <Columns>
        <%-- <asp:BoundField /> Definitions here --%>
        ...
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Button Text="Click ME" runat="server" ID="btn" OnClick="Clicked" />        
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Answer 2

假設您正在綁定具有4列的數據表，例如col1，col2，col3和col4

那么您在.aspx中的網格視圖將像;

<asp:GridView runat="server" ID="gv" AutoGenerateColumns="False" CellPadding="1"                 Width="900px" OnRowCommand="gv_RowCommand">
<Columns>
    <asp:TemplateField HeaderText="col1">
        <ItemTemplate>
            <%#Eval("col1")%>// "col1" is field of your database
        </ItemTemplate>
    </asp:TemplateField>  

    <asp:TemplateField HeaderText="col2">
        <ItemTemplate>
            <%#Eval("col2")%>
        </ItemTemplate>
    </asp:TemplateField> 

    <asp:TemplateField HeaderText="col3">
        <ItemTemplate>
            <%#Eval("col3")%>
        </ItemTemplate>
    </asp:TemplateField>                     

    <asp:TemplateField HeaderText="col4">
        <ItemTemplate>
            <%#Eval("col4")%>
        </ItemTemplate>
    </asp:TemplateField>

    <asp:TemplateField>
        <ItemTemplate>
            <asp:Button ID="btnOK" runat="server" Text="OK"  CommandName="show"  />   
        </ItemTemplate>
    </asp:TemplateField>
</Columns>
</asp:GridView>

* .cs頁面將是*

protected void gv_RowCommand(object sender, GridViewCommandEventArgs e)
{
  if (e.CommandName.ToLower() == "show")
  {
    //your code on click event 
  }
}