DataGrid Web控件深度歷險(1)



這篇文章是一系列關(guān)于使用DataGrid Web控件文章的第一部分。ASP.Net DataGrid Web控件可將數(shù)據(jù)庫信息顯示在HTML表格中，并且功能強大。在最簡單的情形下DataGrid顯示HTML表格框架，但是它可被增強以顯示豐富的用戶界面，可根據(jù)數(shù)據(jù)庫的列進(jìn)行排序，甚至允許對數(shù)據(jù)庫結(jié)果進(jìn)行分頁！所有這些有趣的主題將在今后一系列文章中涉及。

從數(shù)據(jù)庫中獲取表格信息并將其顯示在一個HTML表格中是傳統(tǒng)ASP編程中最普通的任務(wù)之一。在傳統(tǒng)ASP編程中需要通過多行交織的HTML和代碼實現(xiàn)上述功能。下面的原形代碼顯示了這些代碼通常的形式。

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 ()


如果你是一個ASP開發(fā)人員，你也許多次編寫了上述代碼。ASP.Net的優(yōu)點之一就是它包含很多Web控件。這些產(chǎn)生HTML的Web控件提供了一個可編程的接口，它允許開發(fā)人員將代碼和內(nèi)容分離，并在代碼中將產(chǎn)生HTML的實體作為對象使用。也就是說，如果我們需要通過ASP.Net顯示一些HTML內(nèi)容,將編寫如下的代碼：

<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標(biāo)記)的lblMessage Web控件被放置在HTML中。然后，在Page_Load事件處理程序中（該事件處理程序在每次頁面裝載時被調(diào)用）lblMessage的Text屬性被設(shè)置為”Hello World”。此處對于Web控件的使用，實現(xiàn)了代碼和內(nèi)容的分離。在傳統(tǒng)的ASP中，需要將<%="Hello, World!"%>放置在HTML中合適的位置才能達(dá)到同樣的效果。



DataGrid基礎(chǔ)

要在ASP.Net Web頁面中加入DataGrid,只需執(zhí)行如下代碼：

<asp:datagrid runat="server" id="ID_of_DataGrid" />
這里的id值將作為在服務(wù)器端代碼中使用DataGrid的名稱，我們通過將上述語法放置在HTML中來使用DataGrid。但是為了讓DataGrid顯示任何有用的信息，我們需要將DataGrid綁定到一些信息的集合。這些信息的集合可以是任何支持IEnumerable接口的對象。它包括Arrays,集合類(ArrayList ,Hashtable等)，Datasets和其它很多對象。由于希望集中精力顯示數(shù)據(jù)庫信息，因此在本文中我們僅關(guān)注將DataGrid綁定至Datareader。Datareader類似于傳統(tǒng)ADO/ASP中順序的(forward-only)記錄集。(如需了解在ADO.Net中讀取數(shù)據(jù)庫結(jié)果至Datareaders中，請閱讀Efficiently Iterating Through Results from a Database Query using ADO.NET )

那么如何將數(shù)據(jù)綁定至DataGrid?其實出奇的簡單。第一件事是提取數(shù)據(jù)庫數(shù)據(jù)至datareader.對于本例，我使用ASPFAQs.com數(shù)據(jù)庫，并且提取最受歡迎的10個問題。一旦將數(shù)據(jù)提取至datareader,將datareader綁定至DataGrid只需兩行代碼。第一行將DataGrid的Datasource屬性設(shè)置為Datareader；第二行調(diào)用DataGrid的DataBind方法，代碼如下所示：



<% @Import Namespace="System.Data" %>
<% @Import Namespace="System.Data.SqlClient" %>
<script language="vb" runat="server">
Sub Page_Load(sender as Object, e as EventArgs)
BindData()
End Sub

Sub BindData()
'1. Create a connection
Dim myConnection as New SqlConnection(
ConfigurationSettings.AppSettings("connectionString"))

'2. Create the command object, passing in the SQL string
Const strSQL as String = "sp_Popularity"
Dim myCommand as New SqlCommand(strSQL, myConnection)

'Set the datagrid's datasource to the datareader and databind
myConnection.Open()
dgPopularFAQs.DataSource = myCommand.ExecuteReader(
CommandBehavior.CloseConnection)
dgPopularFAQs.DataBind()
End Sub
</script>

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

運行結(jié)果如下：

Simple DataGrid Demo
This demo shows how to bind the results of a query to an unformatted DataGrid.


FAQID
Description
ViewCount
SubmittedByName
Submitted

ByEmail
Date

Entered
CatName

144
Where can I host my ASP Web site for free (similar to GeoCities or Tripod or any of the many other free Web site sites)?
161056
Scott Mitchell
mitchell@4guysfromrolla.com
3/20/2001 2:53:45 AM
Getting Started

181
How can I format numbers and date/times using ASP.NET? For example, I want to format a number as a currency.
123888
Scott Mitchell
mitchell@4guysfromrolla.com
1/19/2002 3:12:07 PM
ASP.NET

…











首先注意用于編寫數(shù)據(jù)綁定的代碼數(shù)量不多。我們創(chuàng)建一個連接，指定一個SQL命令(這里使用一個存儲過程，sp_Popularity)，打開數(shù)據(jù)庫連接，設(shè)定DataGrid的DataSource屬性為Datareader，最后調(diào)用DataGrid的DataBind方法。這種做法完全將代碼從內(nèi)容分離，沒有像在傳統(tǒng)ASP中混合HTML表格和DataReader輸出的語法。

花些時間看一下運行結(jié)果。你會發(fā)現(xiàn)DataGrid使用HTML表格顯示數(shù)據(jù)庫內(nèi)容，盡管并不美觀。雖然我們完成了顯示數(shù)據(jù)這一主要工作，但用戶界面方面還有很多工作。幸運的是美化DataGrid的結(jié)果出奇的簡單。遺憾的是需要等到下一篇文章中作介紹。



總結(jié)

這是一系列關(guān)于DataGrid使用文章的一部分，我們研究了DataGrid最基本的功能:熟悉ASP.Net Web頁面和顯示綁定數(shù)據(jù)庫結(jié)果。遺憾的是DataGrid的輸出并不美觀。但是我們不久會看到美化DataGrid的結(jié)果很簡單。另外我們還將會在接下來的文章中看到更多用戶界面的高級選項，如數(shù)據(jù)庫結(jié)果的分頁顯示，DataGrid結(jié)果的排序和其它功能。