需求開發一個小報表,顯示最近五個月的summary的數量統計,報表會隨月份的變化而變化,如下圖。第一列[Department]固定,第二至第六列,也就是說Nov 2012 這列會在下月的時候消失,其後的列會向前移,最後一列Mar 2013 會變為Apr 2013。
下圖中,最底一行是顯示每一列的總數(除第一列外)。
為了這個報表,Insus.NET決定使用Repeater控件來實現。難度在於動態顯法第二列至第六列的列名,以及綁定數據。最後一行計算總計的,只要完成上面的動態綁定之後,也算不上問題,Repeater的FooterTemplate顯示某列總計方法,可以參考這篇:http://www.jb51.net/article/34972.htm由於整個報表,列數一定,共六列,因此我們可以把這個寫死。
首先是HeaderTemplate,內嵌一個table,設計好六列,每列拉一個Label,並分別設置好Label的ID,最好讓它們似帶有索引的序數:
接下來是ItemTemplate設計,可以參考HeaderTemplate的設計方式:
最後是FooterTemplate的設計,設計好Label的ID,td文本對齊以及背景顏色:
三個Template的Label的ID都不一樣,但有一些規律,這樣方便在後台好 FindControl以及將來重構好控制。
上面全是html的設計,下面將是程序開發。
復制代碼 代碼如下:
//實例化對象,以及宣告一個DataTable對象objDt。
PrintLog objPrintLog = new PrintLog();
DataTable objDt;
//宣告5個變量,將用來存儲那5個月份每個部分的數量
decimal c1, c2, c3, c4, c5;
把從數據庫獲取的數據綁定至Repeater控件:
復制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
Data_Binding();
}
}
private void Data_Binding()
{
((IUserControlContainer)this.Master).ShowControl = true;
CultureInfo oCultureInfo = new CultureInfo("en"); //設置好區域文化
DateTime currentDateTime = DateTime.Now; //獲取當前日期時間
objPrintLog.Year = currentDateTime.Year; //獲取年份賦值
objPrintLog.Month = currentDateTime.Month;//獲取月份賦值
objPrintLog.Months = 5; //最近連續5個月份
objDt = objPrintLog.GetSummaryReportByYearMonth();
this.RepeaterLFMS.DataSource = objDt;
this.RepeaterLFMS.DataBind();
}
電話響了,需要先接電話... 大約一分三十六秒完畢,順便去沖杯Coffee.
下面將是Repeater控件的OnItemDataBound事件,Insus.NET也分別對header,Item以及Foot進行圖列說明代碼:
Item 綁定:
最後是Foot的代碼:
呵呵,完成了。相信它在運行時,會隨著時間的前進(月份的變化),它對應的列名,數據也會隨之變化。