gridviewgridview入门


备注

本节概述了gridview是什么,以及开发人员可能想要使用它的原因。

它还应该提到gridview中的任何大型主题,并链接到相关主题。由于gridview的文档是新的,您可能需要创建这些相关主题的初始版本。

将GridView与DataSource绑定,例如DataTable

第1步:设计GridView以显示您的数据( HTML代码 ):

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
    <Columns>
        <asp:TemplateField HeaderText="ID">
            <ItemTemplate>
                <asp:Label ID="lblId" runat="server" Text='<% #Bind("id") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="NAME">
            <ItemTemplate>
                <asp:Label ID="lblName" runat="server" Text='<% #Bind("name") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="COUNTRY">
            <ItemTemplate>
                <asp:Label ID="lblCountry" runat="server" Text='<% #Bind("country") %>'></asp:Label>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>
 

第2步:使用DataTable( .CS代码 )绑定GridView:

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            // Create a datatable as a DataSource of your GridView
            DataTable dt = new DataTable();

            // Add three columns in datatable and their names and data types
            dt.Columns.Add(new DataColumn("id", typeof(int)));
            dt.Columns.Add(new DataColumn("name", typeof(string)));
            dt.Columns.Add(new DataColumn("country", typeof(string)));

            // Add five records in datatable
            for (int i = 0; i < 5; i++)
            {
                dt.Rows.Add(i, "Name" + i, "Country" + i);
            }

            GridView1.DataSource = dt; // set your datatable to your gridview as datasource
            GridView1.DataBind(); // bind the gridview with datasource
        }
}
 

绑定后,GridView看起来像这样:

在此处输入图像描述

注意:您还可以从数据库绑定GridView。

安装或设置

GridView 是一个ASP.NET服务器控件,因此只需要在您的计算机上安装任何版本的.Net以及.Net开发环境,通常是任何版本的Visual Studio。

假设您有.Net开发环境,请创建任何Web窗体应用程序或MVC应用程序项目。

可以通过设计器工具箱中的拖放操作添加GridView 控件,也可以在Web窗体/ MVC视图的html标记中手动添加。

一个空的GridView控件:

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