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 ()
如果你是一個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綁定到一些信息的集合。這些信息的集合可以是任何支持IEnumerable接口的對象。它包括Arrays,集合類(ArrayList ,Hashtable等),Datasets和其它很多對象。由于希望集中精力顯示數據庫信息,因此在本文中我們僅關注將DataGrid綁定至Datareader。Datareader類似于傳統ADO/ASP中順序的(forward-only)記錄集。(如需了解在ADO.Net中讀取數據庫結果至Datareaders中,請閱讀Efficiently Iterating Through Results from a Database Query using ADO.NET )
那么如何將數據綁定至DataGrid?其實出奇的簡單。第一件事是提取數據庫數據至datareader.對于本例,我使用ASPFAQs.com數據庫,并且提取最受歡迎的10個問題。一旦將數據提取至datareader,將datareader綁定至DataGrid只需兩行代碼。第一行將DataGrid的Datasource屬性設置為Datareader;第二行調用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" />
運行結果如下:
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 …
首先注意用于編寫數據綁定的代碼數量不多。我們創建一個連接,指定一個SQL命令(這里使用一個存儲過程,sp_Popularity),打開數據庫連接,設定DataGrid的DataSource屬性為Datareader,最后調用DataGrid的DataBind方法。這種做法完全將代碼從內容分離,沒有像在傳統ASP中混合HTML表格和DataReader輸出的語法。
花些時間看一下運行結果。你會發現DataGrid使用HTML表格顯示數據庫內容,盡管并不美觀。雖然我們完成了顯示數據這一主要工作,但用戶界面方面還有很多工作。幸運的是美化DataGrid的結果出奇的簡單。遺憾的是需要等到下一篇文章中作介紹。
總結
這是一系列關于DataGrid使用文章的一部分,我們研究了DataGrid最基本的功能:熟悉ASP.Net Web頁面和顯示綁定數據庫結果。遺憾的是DataGrid的輸出并不美觀。但是我們不久會看到美化DataGrid的結果很簡單。另外我們還將會在接下來的文章中看到更多用戶界面的高級選項,如數據庫結果的分頁顯示,DataGrid結果的排序和其它功能。
|