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的代码:

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

时间: 2013-03-21

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

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

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

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

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控件的使用 (原样导出和动态显示/隐藏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控件数据导出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控件中通过Eval的方式绑定Style样式代码

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

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

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

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

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

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

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

详解ASP.NET数据绑定操作中Repeater控件的用法

一.绑定控件之Repeater .NET封装了多种数据绑定控件,诸如GridView.DataList等但该篇文章将会从Repeater入手,因为Repeater只提供了基本的数据绑定模板,没有内置其它分页等功能,所以它是最原始的数据绑定控件,只要能够熟练运用Repeater控件其它的绑定控件也就很简单了. 1.Repeater简介 Repeater 控件是基本模板化数据列表. 它不像GridView控件一样能够可视化的设计格式或样式,因此开发时在控件模板中必须显式声明所有格式.格式和样式标记.

扩展了Repeater控件的EmptyDataTemplate模板功能

Repeater控件是一个数据显示控件,该控件允许通过为列表中显示的每一项重复使用指定的模板来自定义布局. 相对于GridViews和DataList来说Repeater是一个相当轻巧.灵活的控件,能耗也比它们要小很多.美中不足的是功能略显单薄,尤其是用于绑定的数据源没有数据的情况下,往往要使用一个隐藏面版来显示"暂时没有任何数据"信息.太麻烦了. 于是自行扩展了Repeater控件的EmptyDataTemplate模板已达到同样的效果. (vs2008)自定义一个Repeater控

asp.net Repeater控件的说明及详细介绍及使用方法

Repeater 控件不具备内置的呈现功能,这表示用户必须通过创建模板为 Repeater 控件提供布局.当该页运行时,Repeater 控件依次通过数据源中的记录为每个记录呈现一个项. 他很简单,用起来也不够强大,但是应了那句老话,杀鸡焉用牛刀,不用牛刀那用什么呢?难道我们去把鸡咬死不成?而我们在日常应用中也常常面临这样的选择,假设我们显示教复杂的数据,可以用gridview,一般复杂的用DataList,那么简单的数据呈现呢?我们就用Repeater了,因为他简单,小巧,最主要是灵活. 我们

asp.net中使用 Repeater控件拖拽实现排序并同步数据库字段排序

数据库表中有一个单位表,里面包括ID.Name.Order等字段,现在有个后台管理功能,可以设置这些单位在某些统计表格中的先后显示顺序,于是想到用拖拽方式实现,这样操作起来更简便. 使用了GifCam软件做了一个示例动画,效果如下图所示: 于是就动手起来,发现jquery.ui中提供sortable函数,可用于排序,界面中从数据库绑定的单位使用Repeater控件,下面简单介绍下主要步骤: 1.项目中使用到的jquery-1.7.2.min.js和jquery-ui.min.js请点击进行下载,

ASP.NET数据绑定之Repeater控件

在ASP.NET的学习过程中,其控件的学习和使用占了很大的一部分,本文为大家介绍一下控件Repeater控件的使用,用它来绑定后台数据,然后在客户端(浏览器)上显示出来! 一. Repeater控件 1.用途:使用模板循环显示数据. 2.包含的模板: <ItemTemplate></ItemTemplate> 项目模板(里面的数据正常显示) <AlternatingItemTemplate></AlternatingItemTemplate> 交错显示模板(

解决iView中时间控件选择的时间总是少一天的问题

今天在用iview做前端页面开发的时候,遇到一个奇葩问题(也许自己主要做后台开发,当时我还纳闷了),我在时间控件中明明选择的是2017-10-19,但是当通过vue的调试器查看的时候,竟然是这样的,如下图: 当时我还纳闷了,这iview的时间控件真神奇,我还百度谷歌了好半天,后来查看官方文档,是我获取时间的方式不是很对,我当时用的是l来v-mode绑定的,这样绑定后获取的时间好像叫utc时间,如果要想获取正确的时间,通过@on-change事件来绑定即可,(注意,用@on-change来获取时间