Repeater控件的详细用法
中隔行（交替项）呈现一次。通过设置 AlternatingItemTemplate 元素的样式属性，可以为其指定不同的外观。
FooterTemplate
在所有数据绑定行呈现之后呈现一次的元素。典型的用途是关闭在 HeaderTemplate 项中打开的元素（使用 </table> 这样的标记）。
注意 FooterTemplate 不能是数据绑定的。
HeaderTemplate
在所有数据绑定行呈现之前呈现一次的元素。典型的用途是开始一个容器元素（如表）。
注意 HeaderTemplate 项不能是数据绑定的。
ItemTemplate
为数据源中的每一行都呈现一次的元素。若要显示 ItemTemplate 中的数据，请声明一个或多个 Web 服务器控件并设置其数据绑定表达式以使其计算为 Repeater 控件（即容器控件）的 DataSource 中的字段。以下示例显示一个示例声明，它显示包含 Label 控件中的第一个名称的字段。
First Name:
<asp:Label runat="server"
Text="<％# Container.DataItem.FirstName ％>" />
SeparatorTemplate
在各行之间呈现的元素，通常是分行符（<br> 标记）、水平线（<hr> 标记）等。
注意 SeparatorTemplate 项不能是数据绑定的。
注：该控件是不能通过可视化编辑模板的，而DataList的DataGrid控件就可以。
下面说一下程序的创建过程：
1、 创建一个WEB应用程序，将默认的WEB窗体改名为：Repeater.aspx。
2、 切换到“HTML”视图，输入下列代码：
<％@ Page language="c#" Codebehind="Repeater.aspx.cs" AutoEventWireup="false" Inherits="TeachShow.Charpter7.Repeater" ％>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>Repeater</title>
<LINK rel="stylesheet" type="text/css" href="../Style.css">
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<div align="center">
<center>
<table border="" cellpadding="" cellspacing="" width="" height="">
<tr>
<td width="" height="">
<div align="center">
<center>
<table border="" cellpadding="" cellspacing="" width="" height="" bordercolorlight="#000000"
bordercolordark="#ffffff" class="smallRed">
<asp:Repeater id="Repeater1" runat="server">
<HeaderTemplate>
<tr>
<td width="" height=""><FONT face="宋体">数字</FONT></td>
<td width="" height=""><FONT face="宋体">平方</FONT></td>
<td width="" height=""><FONT face="宋体">立方</FONT></td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td width="" height=""><％# DataBinder.Eval(Container.DataItem,"数字") ％></td>
<td width="" height=""><％# DataBinder.Eval(Container.DataItem,"平方") ％></td>
<td width="" height=""><％# DataBinder.Eval(Container.DataItem,"立方") ％></td>
</tr>
</ItemTemplate>
</asp:Repeater>
</table>
</center>
</div>
</td>
</tr>
</table>
</center>
</div>
</form>
</body>
</HTML>
解释一下程序中用到的方法：
DataBinder.Eval()方法：该方法用于在运行时计算数据绑定表达式，并且根据浏览器的需要来格式化输出结果。该方法有三个参数：
A、 数据项的命名容器：命名容器是一个对象引用，该对象即是计算表达式所针对的对象。如果绑定是针对列表控件（如Repeater、DataList或DataGrid）的，则命名容器将始终是Container.DataItem。如果绑定是针对页面的，则命名容器是Page。
B、 数据字段名：绑定表格的列名（此例如“平方”等）。
C、 格式字符串
如果要求高性能，不建议使用DataBinder.Eval（）方法
3、 打开Repeater.aspx.cs文件，输入下面的代码：
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace TeachShow.Charpter7
{
/// <summary>
/// Repeater 的摘要说明。
/// </summary>
public class Repeater : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Repeater Repeater1;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
if(!this.IsPostBack)
{
DataTable mydt=new DataTable();
DataRow mydr;
mydt.Columns.Add(new DataColumn("数字",typeof(Int32)));
mydt.Columns.Add(new DataColumn("平方",typeof(Int32)));
mydt.Columns.Add(new DataColumn("立方",typeof(Int32)));
for(int i=;i<=;i++)
{
mydr=mydt.NewRow();
mydr[]=i;
mydr[]=i*i;
mydr[]=i*i*i;
mydt.Rows.Add(mydr);
}
this.Repeater1.DataSource=mydt;
this.Repeater1.DataBind();
}
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Repeater1.ItemCommand += new System.Web.UI.WebControls.RepeaterCommandEventHandler(this.Repeater1_ItemCommand);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void Repeater1_ItemCommand(object source, System.Web.UI.WebControls.RepeaterCommandEventArgs e)
{
}
}
}
4、 最后浏览，看看有什么结果？见下表：
数字
平方
立方
0
0
0
1
1
1
2
4
8
3
9
27
4
16
64
5
25
125
6
36
216
7
49
343
8
64
512
9
81
729
10
100
1000
Repeater控件的详细用法的更多相关文章
- serialport控件的详细用法
http://www.cnblogs.com/jerry-bian/archive/2012/01/10/2317861.html 最近在做通讯协议,关于SerialPort类 DataReceive ...
- {Repeater控件} Repeater控件的用法流程及实例
一.Repeater控件的用法流程及实例: 1.首先建立一个网站,新建一个网页index.aspx. 2.添加或者建立APP_Data数据文件,然后将用到的数据库文件放到APP_Data文件夹中. 3 ...
- Repeater控件用法
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Repeater.aspx. ...
- asp.net中Repeater控件用法笔记
大家可能都对datagrid比较熟悉,但是如果在数据量大的时候,我们就得考虑使用 repeater作为我们的数据绑定控件了.Repeater控件与DataGrid (以及DataList)控件的主要区 ...
- 十三、asp.net中Repeater控件用法笔记
大家可能都对datagrid比较熟悉,但是如果在数据量大的时候,我们就得考虑使用 repeater作为我们的数据绑定控件了.Repeater控件与DataGrid (以及DataList)控件的主要区 ...
- asp.net学习之Repeater控件
asp.net学习之Repeater控件 文章摘自:http://www.cnblogs.com/shipfi/archive/2009/10/19/1585703.html Repeater控件和D ...
- Asp.net Repeater控件
Repeater控件和DataList控件,可以用来一次显示一组数据项.比如,可以用它们显示一个数据表中的所有行. Repeater控件完全由模板驱动,提供了最大的灵活性,可以任意设置它的输出 ...
- 在Repeater控件中使用if语句
原文:在Repeater控件中使用if语句 .Afr_ARTICLE_TITLE { font: NORMAL BOLD 14px "Tahoma"; } .Afr_CONTENT ...
- ASP.Net中通过Jquery前端对Repeater控件绑定的数据进行操作
说明:由于Repeater控件是动态绑定,通过Id获取数据只能默认获取第一行: 1.对Repeater中div设置样式 2.通过$(".css").each(function(){ ...
随机推荐
- 访问MySQL数据库时，报“找不到请求的 .net Framework 数据提供程序。可能没有安装。”的解决方案
最近开发了一个系统,在测试环境上进行部署(win7环境)并测试,没有发现问题:但是把系统部署到win Server2008R2上之后,部分页面就报“找不到请求的 .net Framework 数据提供 ...
- MYSQLI DEMO
1.Select // DEMO mysqli连接方式参考 $db = new mysqli("localhost:3306", "root", "& ...
- 图片自动转换效果 jquery
http://www.16sucai.com/uploadfile/show5/switchable01/switchable/ <div class="maxpSlid" ...
- file_get_contents 获取不了网页内容
服务器在做验签的过程中,经常需要向渠道服务器获取某个用户的信息.一般有两种方法,curl和file_get_contents. 一般情况下,像这样用,不会有问题. public function Oa ...
- Django RESTful API 设计指南
网络应用程序,分为前端和后端两个部分.当前的发展趋势,就是前端设备层出不穷(手机.平板.桌面电脑.其他专用设备......). 因此,必须有一种统一的机制,方便不同的前端设备与后端进行通信.这导致AP ...
- php读取文件的各种方法
博客根据http://www.ibm.com/developerworks/cn/opensource/os-php-readfiles个人总结 获取文件全部内容 以下归类是按平时我们通常的使用方法总 ...
- (转)centos6起/etc/syslog.conf不再有！而是/etc/rsyslog.conf代替！
centos6起/etc/syslog.conf不再有!而是/etc/rsyslog.conf代替!
- Android中读取assets文件夹中的子文件夹内容
文件结构如下:assets/info/info AssetManager am = this.getResources().getAssets(); InputStream input = null; ...
- Cocos2d-x程序Windows下VC中文乱码的解决（用MultiByteToWideChar进行转换，VC2010有非常厉害的execution_character_set）
Cocos2d-x默认字符串常量编码都是UTF8的,而Windows中的VC默认都是跟系统相同,比如简体Windows是GB2312或者GBK.繁体就是BIG5编码.而我们大多数中国人用VC编译出来的 ...
- thinkjs初试
背景 什么是thinkjs?thinkjs是奇舞团开源的一款NodejsMVC框架,该框架底层基于Promise来实现,很好的解决了Nodejs里异步回调的问题.我为什么会使用thi ...