Repeater控件动态变更列(Header,Item和Foot)信息实现思路

需求开发一个小报表，显示最近五个月的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的代码：

呵呵，完成了。相信它在运行时，会随着时间的前进(月份的变化)，它对应的列名，数据也会随之变化。

赞 (0)

相关推荐

  • Repeater控件数据导出Excel(附演示动画)

    Repeater控件数据导出Excel(附演示动画)

    本演示中,我们实现这个Repeater控件数据导出Excel的功能. 我们准备一个对象: 复制代码 代码如下: Imports Microsoft.VisualBasic Namespace Insus.NET Public Class Catalog Private _ID As Integer Private _Name As String Public Property ID As Integer Get Return _ID End Get Set(value As Integer) _

  • Repeater控件绑定的三种方式

    方式一 在aspx页面,写好需要循环输出的内容,一般包含用户自定义控件.服务器控件.Html格式的片段.和<%# Eval("Name")%>这种方式来动态显示获取到得数据列表: 复制代码 代码如下: <asp:Repeater ID="rpImage" runat="server">    <ItemTemplate>            <li>            <a href=&

  • ASP.NET中repeater控件用法实例

    本文实例讲述了ASP.NET中repeater控件用法.分享给大家供大家参考.具体实现方法如下: repeater绑定数据: 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) {         if(!IsPostBack)             BindStudent(); } private void BindStudent() {         string str = ConfigurationManag

  • Repeater控件与PagedDataSource结合实现分页功能

    本文讲解Repeater控件与PagedDataSource相结合实现其分页功能.PagedDataSource 类封装那些允许数据源控件(如 DataGrid.GridView)执行分页操作的属性.如果控件开发人员需对自定义数据绑定控件提供分页支持,即可使用此类. PagedDataSource 类的部分公共属性: AllowCustomPaging // 获取或设置指示是否启用自定义分页的值. AllowPaging // 获取或设置指示是否启用分页的值. Count // 获取要从数据源使

  • 浅析Repeater控件的使用 (原样导出和动态显示/隐藏Repeater中的列)

    一.Repeater数据原样导出 DataTable dt = ViewState["DtDatat"] as DataTable; //Repeater绑定的数据源 this.Repeater1.DataSource = dt; this.Repeater1.DataBind(); DisplayDetailCol(false); //使用流方式导出Excel HttpContext.Current.Response.ContentEncoding = System.Text.Enc

  • Repeater控件实现编辑、更新、删除等操作示例代码

    如何在Repeater控件中实现像GridView控件一样的编辑.更新.删除功能? 复制代码 代码如下: protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { BindGrid(); } } private void BindGrid() { string strSQL = "SELECT * FROM [User]"; OleDbConnection objConnection =

  • 给Repeater控件里添加序号的5种才常见方法介绍

    .net是目前非常热门的一种程序编译语言,在.net培训中的众多知识点中,给Repeater控件里添加序号的5种方法是非常重要的一个.下面就由达内的老师为大家介绍一下这方面的内容. Repeater是我们经常用的一个显示数据集的数据控件,经常我们希望在数据前显示数据的序号,那么我们该怎么为Repeater控件添加序号呢?下面编辑为大家介绍几种常用的为Repeater控件添加序号的方法: 方法一: 利用Container.ItemIndex属性,代码如下: 复制代码 代码如下: <Itemtemp

  • asp.net使用Repeater控件中的全选进行批量操作实例

    本文实例讲述了asp.net使用Repeater控件中的全选进行批量操作的方法.分享给大家供大家参考.具体分析如下: 今天在Repeater控件中碰到一个全选的操作,于是上网查了一下,找到一个觉得比较好,便记录下来, 界面代码简化之后(全选操作): 复制代码 代码如下: <script type="text/javascript"> function SelectAll(parentChk, ChildId, bigControlID) { var oElements =

  • 在Repeater控件中通过Eval的方式绑定Style样式代码

    复制代码 代码如下: <a onclick='PayOpenItem(<%#Eval("OID") %>)' id="ToPay" href="#" style="display:<%# Eval("OStatus").ToString().Equals("2")?"block":"none" %>">付款<

  • Repeater控件分别绑定数组和ArrayList实现思路

    前台代码: 复制代码 代码如下: <asp:Repeater ID="rptarry" runat="server" > <HeaderTemplate><table></HeaderTemplate> <ItemTemplate> <tr><td> <%# GetDataItem()%> </td></tr> </ItemTemplate&

  • 如何取得Repeater控件选择的项目及注意事项

    如何取得Repeater控件选择的项目及注意事项

    Repeater控件,每个item前有一个CheckBox,把选择的item列显出来. 这个演法中,可以看到选择之后,该行highlight,此功能可以参考这个链接:http://www.jb51.net/article/33455.htm 下面是Repeater控件Html,有两个地方需要注意的,就是CheckBox与Label,这个Label是随你需要获取的内容而变化喔.如你想获取Nickname,那你需要把绑定的的内容放在Label上. Repeater & CheckBox 复制代码 代

随机推荐