ASP.NET中為DataGrid新增合計字段

作者：Eve Cole 更新時間：2009-06-30 15:40:15

在論壇中最常見的問題是：「我怎麼在DataGrid 中顯示列合計？」。我親自多次為這個問題提供了範例程式碼，因此，我想在DotNetJunkies 的標題中提供這麼一份指南。在這份指南中你將會學到如何在DataGrid 中編程實作對某一列的值進行統計，並在DataGrid 的頁尾中顯示其合計值。這份指南中供下載的範例中包括了C# 和Visual Basic.NET 兩種程式碼。

這份指南的最終結果看起來像這樣：

從上圖可看出：

上面所用到的螢幕圖片中的DataGrid 是一個非常典型的DataGrid 。有許多控制DataGrid 外觀的屬性，它使用兩個BoundColumns 來操作數據，但這並不是最重要的。要做好這項工作真正重要的是使用DataGrid.OnItemDataBound 事件。這個事件將會觸發每次綁定一筆記錄到DataGrid。你可以為這個事件建立一個事件處理，以操作資料記錄。在這種情況下，你將會得到運行時Price 列的合計值。

頁腳指的是資料範圍的最後一行。當這行被限定時，在事件句處理你可以得到Price 欄位的執行時統計值。

實施：

首先讓我們找到一種方法來操作Web 窗體輸出。這份指南中，你將使用一個Web 窗體(calcTotals.aspx) 以及一個類別程式碼檔案(calcTotals.aspx.cs)。這份指南的意圖是，類別程式碼將會使用Just-In-Time 編譯器來編譯。這裡是calcTotals.aspx 的程式碼:

<%@ Page Inherits="myApp.calcTotals" Src="20010731T0101.aspx.cs" %>

AutoGenerateColumns="False"
CellPadding="4" CellSpacing="0"
BorderStyle="Solid" BorderWidth="1"
Gridlines="None" BorderColor="Black"
ItemStyle-Font-Name="Verdana"
ItemStyle-Font-Size="9pt"
HeaderStyle-Font-Name="Verdana"
HeaderStyle-Font-Size="10pt"
HeaderStyle-Font-Bold="True"
HeaderStyle-ForeColor="White"
HeaderStyle-BackColor="Blue"
FooterStyle-Font-Name="Verdana"
FooterStyle-Font-Size="10pt"
FooterStyle-Font-Bold="True"
FooterStyle-ForeColor="White"
FooterStyle-BackColor="Blue"
OnItemDataBound="MyDataGrid_ItemDataBound"
ShowFooter="True">

ItemStyle-HorizontalAlign="Right"
HeaderStyle-HorizontalAlign="Center" />

在Web 窗體中你使用@ Page 來直接宣告這個頁所繼承的類別代碼。 SRC 屬性指明了類別程式碼將使用JIT 編譯器來編譯。 Web 窗體中的大部分程式碼樣式宣告用來讓DataGrid 外觀變得更好看。

最後指定的屬性之一是OnItemDataBound 屬性。這個事件將會在OnItemDataBound 事件發生時觸發。

Web 窗體中的DataGrid (MyGrid) 包含兩個BoundColumns，一個是Title ，另一個是Price。這裡將顯示Pubs 資料庫（SQL Server）中Titles 表的title 和price 欄位。

忽略程式碼的定義

類別代碼在所有的地方都會使用。在類別程式碼中，你可以操作兩個事件：Page_Load 事件以及MyGrid_OnItemDataBound 事件。還有一個私有方法CalcTotal, 用它來簡單的完成運行時統計的數學運算。

類別代碼基本結構塊的起始部分：

using System;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data;
using System.Data.SqlClient;

namespace myApp
{
public class calcTotals : Page
{
protected DataGrid MyGrid;
private double runningTotal = 0;
}
}

在類別代碼的基本結構中，你必須使用相關語句導入名字空間（namespace）。在類別宣告中，你宣告了兩個變量，一個是類別程式碼中映射Web 窗體的DataGrid（MyGrid）控制項的變數；一個是用來操作DataGrid 的Price 欄位中執行時間統計的雙精度值。

Page_Load 事件

在Page_Load 事件中，你要做的就是連接到SQL Server 並執行一個簡單的SqlCommand。你取得了所有Price 值>0 的title 和price 數據。你使用SqlCommand.ExecuteReader 方法傳回一個SqlDataReader 並將其直接綁定到DataGrid (MyGrid)。

protected void Page_Load(object sender, EventArgs e)
{
SqlConnection myConnection = new SqlConnection("server=Localhost;database=pubs;uid=sa;pwd=;");//建立SQL連線SqlCommand myCommand = new SqlCommand("SELECT title, price FROM Titles WHERE price > 0", myConnection );//建立SQL指令

try
{
myConnection.Open();//開啟資料庫連線MyGrid.DataSource = myCommand.ExecuteReader();//指定DataGrid 的資料來源MyGrid.DataBind();//綁定資料到DataGrid
myConnection.Close();//關閉資料連線}
catch(Exception ex)
{
//捕獲錯誤HttpContext.Current.Response.Write(ex.ToString());
}
}

CalcTotals 方法

CalcTotals 方法用來處理runningTotal 變數。這個值將以字串形式來傳遞。你需要將它解析為雙精度型，然後runningTotal 變數就成了雙精確度類型。

private void CalcTotal(string _price)
{
try
{
runningTotal += Double.Parse(_price);
}
catch
{
//捕獲錯誤}
}

MyGrid_ItemDataBound 事件

MyGrid_ItemDataBound 事件在資料來源中每行綁定到DataGrid 時被呼叫。在這個事件處理中，你可以處理每一行資料。這裡你的目的是，你將需要呼叫CalcTotals 方法並從Price 列傳遞文本，並用金額型格式化每一行的Price 列，並在頁腳行中顯示runningTotal 的值。

public void MyDataGrid_ItemDataBound(object sender, DataGridItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem)
{
CalcTotal( e.Item.Cells[1].Text );
e.Item.Cells[1].Text = string.Format("{0:c}", Convert.ToDouble(e.Item.Cells[1].Text));
}
else if(e.Item.ItemType == ListItemType.Footer )
{
e.Item.Cells[0].Text="Total";
e.Item.Cells[1].Text = string.Format("{0:c}", runningTotal);
}
}

在MyGrid_ItemDataBound 事件句柄中，首先你得使用ListItemType 判斷當前的DataGridItem 是一個資料項還是AlternatingItem 行。如果是資料項，你呼叫CalcTotals，並將Price 欄位的值作為參數傳遞給它；然後你以金額格式對Price 欄位進行格式化及著色。

如果DataGridItem 是頁腳，可以用金額格式顯示runningTotal。

總結

在這份指南中，你學到如何使用DataGrid.OnItemDataBound 事件來實作執行階段對DataGrid 的某一列進行統計。使用這個事件，你可以建立一個列的總和並可對DataGrid行的頁尾進行著色。