C#-WebForm-Repeater-重复器
Repeater-重复器 - 类似WinForm中的ListView，用列表来展示数据
格式：
<body>
<form id="form1" runat="server">
<asp:Repeater ID="Repeater1" runat="server"> <%-- 重复器 --%>
<HeaderTemplate></HeaderTemplate> <%-- 头模板 --%>
<ItemTemplate></ItemTemplate> <%-- 项模板 --%>
<AlternatingItemTemplate></AlternatingItemTemplate> <%-- 交替模板 --%>
<FooterTemplate></FooterTemplate> <%-- 脚模板 --%>
</asp:Repeater>
</form>
</body>
<HeaderTemplate></HeaderTemplate> - 头模板：在循环开始时，其内容只会打印一遍
<ItemTemplate></ItemTemplate> - 项模板：重复循环打印其内容（李献策lxc）
<AlternatingItemTemplate></AlternatingItemTemplate> - 交替模板：与项模板交替打印
<FooterTemplate></FooterTemplate> - 脚模板：在循环结束时，其内容只会打印一遍
在后台绑定数据源
Repeater1.DataSource = new UserData().Select();
Repeater1.DataBind();
例如：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
List<Users> lu = new UsersData().Select();
Repeater1.DataSource = lu;
Repeater1.DataBind();
}
}
后台绑定数据源
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
#tb1 {
width: %;
text-align: center;
background-color: navy;
} #t-header {
color: white;
} .t-item {
background-color: white;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<%-- 重复器 --%>
<asp:Repeater ID="Repeater1" runat="server">
<%-- 头模板 --%>
<HeaderTemplate>
<table id="tb1">
<tr id="t-header">
<td>编号</td>
<td>用户名</td>
<td>密码</td>
<td>昵称</td>
<td>性别</td>
<td>生日</td>
<td>民族</td>
<td>班级</td>
</tr>
</HeaderTemplate>
<%-- 项模板 --%>
<ItemTemplate>
<tr class="t-item">
<td><%#Eval("Ids") %></td>
<td><%#Eval("UserName") %></td>
<td><%#Eval("Password") %></td>
<td><%#Eval("NickName") %></td>
<td><%#Eval("Sex") %></td>
<td><%#Eval("Birthday") %></td>
<td><%#Eval("Nation") %></td>
<td><%#Eval("Class") %></td>
</tr>
</ItemTemplate>
<%-- 脚模板 --%>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater> </form>
</body>
</html>
展示数据
<ItemTemplate> 绑定数据格式：<td><%#Eval(" ") %></td>（李献策lxc）
交替展示：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
#tb1 {
width: %;
text-align: center;
background-color: navy;
} #t-header {
color: white;
} .t-item {
background-color: white;
}
.t-item1 {
background-color:aqua;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<%-- 重复器 --%>
<asp:Repeater ID="Repeater1" runat="server">
<%-- 头模板 --%>
<HeaderTemplate>
<table id="tb1">
<tr id="t-header">
<td>编号</td>
<td>用户名</td>
<td>密码</td>
<td>昵称</td>
<td>性别</td>
<td>生日</td>
<td>民族</td>
<td>班级</td>
</tr>
</HeaderTemplate>
<%-- 项模板 --%>
<ItemTemplate>
<tr class="t-item">
<td><%#Eval("Ids") %></td>
<td><%#Eval("UserName") %></td>
<td><%#Eval("Password") %></td>
<td><%#Eval("NickName") %></td>
<td><%#Eval("Sex") %></td>
<td><%#Eval("Birthday") %></td>
<td><%#Eval("Nation") %></td>
<td><%#Eval("Class") %></td>
</tr>
</ItemTemplate>
<%-- 交替模板 --%>
<AlternatingItemTemplate>
<tr class="t-item1">
<td><%#Eval("Ids") %></td>
<td><%#Eval("UserName") %></td>
<td><%#Eval("Password") %></td>
<td><%#Eval("NickName") %></td>
<td><%#Eval("Sex") %></td>
<td><%#Eval("Birthday") %></td>
<td><%#Eval("Nation") %></td>
<td><%#Eval("Class") %></td>
</tr>
</AlternatingItemTemplate>
<%-- 脚模板 --%>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater> </form>
</body>
</html>
交替展示数据
一般，如果通过条件判断来改变样式的，放在属性扩展里，单纯只改变样式，则放在HTML样式中就可以
1、Sex - 显示男女
属性扩展
2、Birthday - 显示年月日
<td><%#Eval("Birthday","{0:yyyy年MM月dd日}") %></td>
0 - 代表前面的数据，“：”后为要显示格式（李献策lxc）
3、年龄小于15岁的项显示红色 - 属性扩展
<tr>行 展示扩展的属性，可以用来实现-预警-等功能
4、昵称后面加“同学”两个字
5、民族列为黄色（李献策lxc）
C#-WebForm-Repeater-重复器的更多相关文章
- webform Repeater重复器、地址栏传值、Response
Repeater: 重复器 <HeaderTemplate></HeaderTemplate> - 头模板:在循环开始时,其内容只会打印一遍 <ItemTemplate& ...
- WebForm Repeater: 重复器
Repeater控件,可以用来一次显示一组数据项.比如,可以用它们显示一个数据表中的所有行. Repeater控件完全由模板驱动,提供了最大的灵活性,可以任意设置它的输出格式. ...
- repeater重复器、地址栏传值、response
repeater重复器: <HeaderTemplate> <ItemTemplate> <AlternatingItemTemplate> <FooterT ...
- 2017-5-18 Repeater 重复器的使用
Repeater - 重复器HeaderTemplate - 先执行,执行一次FooterTemplate - 最后执行,执行一次ItemTemplate - 在Header之后执行,有多少条数据绑定 ...
- Repeater - 重复器
Repeater - 重复器,用来展示泛型集合中的数据 五大模板:1.HeaderTemplate - 头模板,加载时会在开始执行一次2.FooterTemplate - 脚模板,加载时会在最后执行一 ...
- webform Repeater、地址栏传值、Response
Repeater: 重复器 Repeater中有五个模板,这里需要注意的是4个 <HeaderTemplate> - 开头,只执行一次的内容 <ItemTemplate> - ...
- WebForm Repeater Response以及 地址栏
Repeater重复器: Repeater中有五个模板,这里需要注意的是4个 <HeaderTemplate> - 开头,只执行一次的内容 <ItemTemplate> - 需 ...
- webform repeater 的使用
1 repeater 定义: 重复器 根据数据库里的内容将repeater里的内容重复赋值 ,在itemtemplate下 配合<%# Eval(" ") ...
- Webform——Repeater多表联合显示
对于一个表里,通过外键连接如何显示另一个表的数据,前Winform里可以用封装类来实现. 对于Webform,可以用封装类,也可以用Repeater的ItemDataBound事件(//在项被绑定数据 ...
- WebForm Repeater使用
Repeater: HeaderTemplate: 在加载开始执行一遍 ItemTemplate : 有多少条数据,执行多少遍 FooterTemplate :在加载最后执行一遍 Alternatin ...
随机推荐
- C#开发微信门户及应用(14)-在微信菜单中采用重定向获取用户数据
我曾经在系列文章中的<C#开发微信门户及应用(11)--微信菜单的多种表现方式介绍>中介绍了微信菜单里面的重定向操作,通过这个重定向操作,我们可以获取一个code值,然后获取用户的open ...
- VMware12下安装Debian8.5
参考: Debian 8.2.0 (Jessie) 快速纯净安装教程 Debian 7 安装配置总结 Debian 7.8 系统安装配置过程 软件包管理命令 包命令 从源代码 ...
- PHP基础知识第三趴
今天如约放送函数部分吧,毕竟预告都出了,"广电"也没禁我......
- 来玩Play框架04 表单
作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 表单(form)是最常见的从客户往服务器传递数据的方式.Play框架提供了一些工具 ...
- （转）SqlServer 数据库同步的两种方式 (发布、订阅)，主从数据库之间的同步
最近在琢磨主从数据库之间的同步,公司正好也需要,在园子里找了一下,看到这篇博文比较详细,比较简单,本人亲自按步骤来过,现在分享给大家. 在这里要提醒大家的是(为了更好的理解,以下是本人自己理解,如有错 ...
- Workflow笔记1——工作流介绍
什么是工作流? 工作流(Workflow),是对工作流程及其各操作步骤之间业务规则的抽象.概括.描述.BPM:是Business Process Management的英文字母缩写.即业务流程管理,是 ...
- 【初探IONIC】不会Native可不可以开发APP？
前言 Hybrid技术流行已经有一段日子了,楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开,Hybrid已经是大大提升开发效率的开发方式了,但是仍然需要至少一个IOS与Andriod,那么可 ...
- OC多态
要点: 1.多种形态,引用的多种形态对于一个引用变量,可以指向任何类的对象.对于一个父类的引用(类与类之间有一种继承关系),可以指向子类,也可以指向本类,指向的类型不同.当通过此引用向对象发送消息,调 ...
- System.Json 使用注意
在xamarin中对json字符串进行解析,使用System.Json时出现怪问题: json-string = { "ret" : "OK" } 使用如下代码 ...
- Android InputType详解
android:inputType 如果设置android:inputType = "number",则默认弹出的输入键盘为数字键盘,且输入的内容只能为数字. InputType文 ...