DataGrid Web控件深度历险(1)

DataGrid Web控件深度历险(1)

 

这篇文章是一系列关于使用DataGrid Web控件文章的第一部分。ASP.Net DataGrid Web控件可将数据库信息显示在HTML表格中，并且功能强大。在最简单的情形下DataGrid显示HTML表格框架，但是它可被增强以显示丰富的用户界面，可根据数据库的列进行排序，甚至允许对数据库结果进行分页！所有这些有趣的主题将在今后一系列文章中涉及。

从数据库中获取表格信息并将其显示在一个HTML表格中是传统ASP编程中最普通的任务之一。在传统ASP编程中需要通过多行交织的HTML和代码实现上述功能。下面的原形代码显示了这些代码通常的形式。

Create Database Connection

Populate a recordset based on some SQL query

Output the HTML table header (<table ...>)

Loop through the recordset

  Emit the HTML for a table row

  ...

Emit the HTML table footer (</table>)
   
   

 

如果你是一个ASP开发人员，你也许多次编写了上述代码。ASP.Net的优点之一就是它包含很多Web控件。这些产生HTML的Web控件提供了一个可编程的接口，它允许开发人员将代码和内容分离，并在代码中将产生HTML的实体作为对象使用。也就是说，如果我们需要通过ASP.Net显示一些HTML内容,将编写如下的代码：

<script language="vb" runat="server">
  sub Page_Load(sender as Object, e as EventArgs)
    lblMessage.Text = "Hello, World!"
  end sub
</script>

<asp:label runat="server" id="lblMessage" />

这里带有runat=”server”属性(类似于HTML标记)的lblMessage Web控件被放置在HTML中。然后，在Page_Load事件处理程序中（该事件处理程序在每次页面装载时被调用）lblMessage的Text属性被设置为”Hello World”。此处对于Web控件的使用，实现了代码和内容的分离。在传统的ASP中，需要将<%="Hello, World!"%>放置在HTML中合适的位置才能达到同样的效果。

 

DataGrid基础

要在ASP.Net Web页面中加入DataGrid,只需执行如下代码：

<asp:datagrid runat="server" id="ID_of_DataGrid" />
  
  

这里的id值将作为在服务器端代码中使用DataGrid的名称，我们通过将上述语法放置在HTML中来使用DataGrid。但是为了让DataGrid显示任何有用的信息，我们需要将DataGrid绑定到一些信息的集合。这些信息的集合可以是任