GridView控件-01-[简单的数据显示]

GridView绑定数据分为两种，一种是多值绑定，另一种是字段绑定。

多值绑定（直接绑定到数据源就行，不需要使用字段）：

前台代码：

<asp:GridView ID="GridView1" runat="server" width="20% " BackColor="White" BorderColor="White" 
            BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="1" GridLines="None" > 
            <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
            <RowStyle BackColor="#DEDFDE" ForeColor="Black" />
            <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
</asp:GridView>

*其中太多的代码，是对控件进行美化。没有其它的改变。

后台代码：

protected void Page_Load(object sender, EventArgs e)
{
    string connectionString = ConfigurationManager.ConnectionStrings["connectionString"].ConnectionString;
         
    SqlConnection connection = new SqlConnection(connectionString);

    connection.Open();

    string sql = "select * from KK";

    SqlCommand cmd = new SqlCommand(sql, connection);

    SqlDataReader sdr = cmd.ExecuteReader();

    GridView1.DataSource = sdr;

    GridView1.DataBind();

    sdr.Close();

    connection.Close();
}

最终效果：

-------------------------------------------------------------------------

字段绑定（使用字段）：

前台代码：

<asp:GridView ID="GridView1" runat="server" width="20% " BackColor="White" BorderColor="White" 
            BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="1" GridLines="None"
        　　AutoGenerateColumns ="false">
            <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
       　　 <RowStyle BackColor="#DEDFDE" ForeColor="Black" />
            <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
    <Columns>
        <asp:BoundField DataField ="id" HeaderText ="编号"/>
        <asp:BoundField DataField ="name" HeaderText ="姓名"/>
    </Columns>
</asp:GridView>

*要设置AutoGenerateColumns ="false"，意思是关闭自动生成列。

后台代码（与多值绑定的后台代码一样）：

protected void Page_Load(object sender, EventArgs e)
{
    string connectionString = ConfigurationManager.ConnectionStrings["connectionString"].ConnectionString;
         
    SqlConnection connection = new SqlConnection(connectionString);

    connection.Open();

    string sql = "select * from KK";

    SqlCommand cmd = new SqlCommand(sql, connection);

    SqlDataReader sdr = cmd.ExecuteReader();

    GridView1.DataSource = sdr;

    GridView1.DataBind();

    sdr.Close();

    connection.Close();
}

最终效果

如果AutoGenerateColumns ="true"（如果设置自动生成列）：

如果AutoGenerateColumns ="false"（如果不设置自动生成列）：

以上是GridView的第一版本。