Repeater控件动态变更列(Header,Item和Foot)信息实现思路
程序员文章站
2024-03-04 12:56:29
需求开发一个小报表,显示最近五个月的summary的数量统计,报表会随月份的变化而变化,如下图。第一列[department]固定,第二至第六列,也就是说nov 2012...
需求开发一个小报表,显示最近五个月的summary的数量统计,报表会随月份的变化而变化,如下图。第一列[department]固定,第二至第六列,也就是说nov 2012 这列会在下月的时候消失,其后的列会向前移,最后一列mar 2013 会变为apr 2013。
下图中,最底一行是显示每一列的总数(除第一列外)。
为了这个报表,insus.net决定使用repeater控件来实现。难度在于动态显法第二列至第六列的列名,以及绑定数据。最后一行计算总计的,只要完成上面的动态绑定之后,也算不上问题,repeater的footertemplate显示某列总计方法,可以参考这篇:由于整个报表,列数一定,共六列,因此我们可以把这个写死。
首先是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的代码:
呵呵,完成了。相信它在运行时,会随着时间的前进(月份的变化),它对应的列名,数据也会随之变化。