Repeater控件动态变更列(Header,Item和Foot)信息实现思路
2013-03-22 00:00
573 查看
需求开发一个小报表,显示最近五个月的summary的数量统计,报表会随月份的变化而变化,如下图。第一列[Department]固定,第二至第六列,也就是说Nov 2012 这列会在下月的时候消失,其后的列会向前移,最后一列Mar 2013 会变为Apr 2013。
下图中,最底一行是显示每一列的总数(除第一列外)。
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/7113739dd1eb7ddf675346146e45a1aa.png)
为了这个报表,Insus.NET决定使用Repeater控件来实现。难度在于动态显法第二列至第六列的列名,以及绑定数据。最后一行计算总计的,只要完成上面的动态绑定之后,也算不上问题,Repeater的FooterTemplate显示某列总计方法,可以参考这篇:/article/1274107.html由于整个报表,列数一定,共六列,因此我们可以把这个写死。
首先是HeaderTemplate,内嵌一个table,设计好六列,每列拉一个Label,并分别设置好Label的ID,最好让它们似带有索引的序数:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/35a9a547779bf5a20bea3736f8887c51.png)
接下来是ItemTemplate设计,可以参考HeaderTemplate的设计方式:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/8ec982397df867a5fe0412f5da150fb9.png)
最后是FooterTemplate的设计,设计好Label的ID,td文本对齐以及背景颜色:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/a701b903a913897c2230df87bffb8e41.png)
三个Template的Label的ID都不一样,但有一些规律,这样方便在后台好 FindControl以及将来重构好控制。
上面全是html的设计,下面将是程序开发。
把从数据库获取的数据绑定至Repeater控件:
电话响了,需要先接电话... 大约一分三十六秒完毕,顺便去冲杯Coffee.
下面将是Repeater控件的OnItemDataBound事件,Insus.NET也分别对header,Item以及Foot进行图列说明代码:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/f9e273f2fbdf59c489ed378bb5c3ffd2.png)
Item 绑定:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/381f819ac18a83facd9c1e57040732fa.png)
最后是Foot的代码:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/2a5bb777f6a1c9a135b67957733ccc65.png)
呵呵,完成了。相信它在运行时,会随着时间的前进(月份的变化),它对应的列名,数据也会随之变化。
下图中,最底一行是显示每一列的总数(除第一列外)。
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/7113739dd1eb7ddf675346146e45a1aa.png)
为了这个报表,Insus.NET决定使用Repeater控件来实现。难度在于动态显法第二列至第六列的列名,以及绑定数据。最后一行计算总计的,只要完成上面的动态绑定之后,也算不上问题,Repeater的FooterTemplate显示某列总计方法,可以参考这篇:/article/1274107.html由于整个报表,列数一定,共六列,因此我们可以把这个写死。
首先是HeaderTemplate,内嵌一个table,设计好六列,每列拉一个Label,并分别设置好Label的ID,最好让它们似带有索引的序数:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/35a9a547779bf5a20bea3736f8887c51.png)
接下来是ItemTemplate设计,可以参考HeaderTemplate的设计方式:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/8ec982397df867a5fe0412f5da150fb9.png)
最后是FooterTemplate的设计,设计好Label的ID,td文本对齐以及背景颜色:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/a701b903a913897c2230df87bffb8e41.png)
三个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进行图列说明代码:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/f9e273f2fbdf59c489ed378bb5c3ffd2.png)
Item 绑定:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/381f819ac18a83facd9c1e57040732fa.png)
最后是Foot的代码:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030180/2a5bb777f6a1c9a135b67957733ccc65.png)
呵呵,完成了。相信它在运行时,会随着时间的前进(月份的变化),它对应的列名,数据也会随之变化。
相关文章推荐
- Repeater控件动态变更列(Header,Item和Foot)信息实现思路
- Repeater控件动态变更列(Header,Item和Foot)信息(重构cs)
- Repeater控件动态变更列(Header,Item和Foot)信息
- Repeater控件动态变更列(Header,Item和Foot)信息(重构cs)
- 重构《Repeater控件动态变更列(Header,Item和Foot)信息》
- 动态绑数据(Repeater控件HeaderTemplate和ItemTemplate)
- 动态绑数据(Repeater控件HeaderTemplate和ItemTemplate)
- 动态变更Repeater控件HeaderTemplate列名
- 动态绑数据(GridView控件Header和ItemTemplate)
- Repeater控件的ItemCreated事件实现权限与ItemCommand事件
- Repeater 的操作,数据的显示,绑定,动态取控件中的值和Repeater1_ItemCommand事件的相关用法
- 实现动态分级表头,适用于repeater,gridview等服务器控件
- MFC树控件CTreeCtrl中为每个item节点动态添加提示信息,并定时更新提示内容
- Extjs3.0 checkboxGroup 动态添加item实现思路
- Repeater 的操作,数据的显示,绑定,动态取控件中的值和Repeater1_ItemCommand事件的相关用法
- 如何在Repeater的HeaderTemplate和FooterTemplate模板中和ItemTemplate模板中寻找控件?
- js实现动态控件提示信息模版
- Repeater控件分别绑定数组和ArrayList实现思路
- Repeater控件分别绑定数组和ArrayList实现思路