GridView模板列與數據源

在ASP.NET Web Forms中，GridView是一個常用的服務器端控件，用于顯示來自數據源的數據。GridView模板列允許你自定義每列的顯示方式，包括編輯、選擇、刪除等功能。以下是如何使用GridView模板列與數據源的步驟：

1. 首先，在你的ASP.NET Web Forms頁面上添加一個GridView控件，并設置其AutoGenerateColumns屬性為false，以便手動定義列。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
</asp:GridView>

2. 接下來，為GridView定義模板列。你可以使用TemplateField類來定義不同類型的列，例如BoundField、TemplateField、CommandField等。在這個例子中，我們將使用TemplateField來定義一個可編輯的單元格。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:TemplateField HeaderText="Name">
            <ItemTemplate>
                <%# Eval("Name") %>
            </ItemTemplate>
            <EditItemTemplate>
                <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("Name") %>' />
            </EditItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

在這個例子中，我們定義了一個名為"Name"的模板列，它包含一個ItemTemplate和一個EditItemTemplate。ItemTemplate用于顯示數據項的值，而EditItemTemplate用于編輯數據項的值。

3. 為了將GridView綁定到數據源，你需要在代碼后臺設置GridView的DataSource屬性。首先，創建一個數據源（例如，一個DataTable），然后將其綁定到GridView。

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        DataTable dt = new DataTable();
        dt.Columns.Add("ID");
        dt.Columns.Add("Name");

        dt.Rows.Add(1, "John Doe");
        dt.Rows.Add(2, "Jane Doe");

        GridView1.DataSource = dt;
        GridView1.DataBind();
    }
}

在這個例子中，我們創建了一個包含兩列（ID和Name）的DataTable，并添加了兩行數據。然后，我們將DataTable綁定到GridView的DataSource屬性，并調用DataBind()方法來顯示數據。

現在，當你運行應用程序時，GridView將顯示來自數據源的數據，并且你可以使用模板列自定義每列的顯示方式。