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

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

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

前台代码：

 <asp:GridView ID="GridView1" runat="server" width="20% " BackColor="White" BorderColor="White" 

             BorderStyle="Ridge" BorderWidth="2px" CellPadding="" CellSpacing="" 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="" CellSpacing="" 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的第一版本。

巴特西

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

最新文章

热门文章