How do you bind a data source to a GridView?

One common way to display data using the GridView component is by binding it to a data source.

1. Firstly, make sure you have defined the GridView component, for example by adding code like the following in the ASPX file of the page:

<asp:GridView ID="MyGridView" runat="server">
</asp:GridView>

1. In the code file, you can bind a data source by writing C# or VB.NET code. Here is an example using the C# language:

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        BindGridView();
    }
}

private void BindGridView()
{
    // 获取数据源
    DataTable dt = GetDataSource();

    // 绑定数据源到 GridView
    MyGridView.DataSource = dt;
    MyGridView.DataBind();
}

private DataTable GetDataSource()
{
    // 创建数据源（示例：使用 DataTable 做为数据源）
    DataTable dt = new DataTable();
    
    // 添加列
    dt.Columns.Add("Name");
    dt.Columns.Add("Age");
    
    // 添加行
    dt.Rows.Add("John", 25);
    dt.Rows.Add("Alice", 30);
    dt.Rows.Add("Bob", 40);
    
    return dt;
}

In this example, the BindGridView method is used to connect the data source to the GridView component, while the GetDataSource method is used to retrieve the data source. You can fetch or create the data source based on your specific scenario.

When the page loads, the Page_Load method will call the BindGridView method to bind the data source to the GridView component. It is important to note the IsPostBack condition check, which ensures that the data source is only bound when the page is loaded for the first time.

In this way, when the page finishes loading, the GridView component will display the data from the bound data source.