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 ...
随机推荐
- 智软科技医疗器械GSP监管软件通过多省市药监局检查
提供医疗器械GSP监管软件,通过多省市药监局检查,符合2016年最新GSP监管条例的要求. 企业客户列表 温岭市万悦医疗器械有限公司 杭州市上善医疗器械有限公司 武汉明德生物科技股份有限公司 http ...
- 9.2.1 .net framework下的MVC 控件的封装(上)
在写.net core下mvc控件的编写之前,我先说一下.net framework下我们MVC控件的做法. MVC下控件的写法,主要有如下三种,最后一种是泛型的写法,mvc提供的控件都是基本控件. ...
- Java面试基础概念总结
面向对象软件开发的优点有哪些? 答:开发模块化,更易维护和修改:代码之间可以复用:增强代码的可靠性.灵活性和可理解性. 多态的定义? 答:多态是编程语言给不同的底层数据类型做相同的接口展示的一种能力. ...
- jdk jre jvm 三者之间关系
JDK JDK是java开发工具包,是Sun公司针对Java开发员的产品. JDK 中包含JRE,在JDK安装的目录下有一个叫jre的目录,里面有两个文件夹,bin/和lib,其中bin就是j ...
- canvas学习之API整理笔记(一)
其实canvas本身很简单,就是去学习它的API,多看实例,多自己动手练习,多总结.但是canvas的API实在是有点多,对于初学者来说,可能学到一半就止步不前了.我也有这种感觉,在学习的过程中,编写 ...
- 【搬砖】安卓入门(3)- Java开发编程基础--循环控制语句
04.01_Java语言基础(循环结构概述和for语句的格式及其使用) A:循环结构的分类 for(初始化表达式;条件表达式;循环后的操作表达式) { 循环体; } 复制代码 B:循环结构for语句的 ...
- 用collectionview实现瀑布流-转(后面附demo,供参考)
算法总体思路 先说一下总体上的思路.既然图片的大小.位置各不一样,我们很自然地会想到需要算出每个item的frame,然后把这些frame赋值给当前item的UICollectionViewLayou ...
- Android开发案例 - 自定义虚拟键盘
所有包含IM功能的App(如微信, 微博, QQ, 支付宝等)都提供了Emoji表情之类的虚拟键盘, 如下图: 本文只着重介绍如何实现输入法键盘和自定义虚拟键盘的流畅切换, 而不介绍如何实现虚 ...
- iOS中多线程的实现方案
什么是主线程? 一个iOS程序运行后,默认会开启一条线程,称为“主线程”或“UI线程” 主线程的主要作用 1.显示/刷新UI界面 2.处理UI事件(比如点击事件,滚动事件,拖拽事件) 主线程的使用注意 ...
- 理解OVER子句
简介 Over子句在SQLServer 2005中回归,并且在2012中得到了扩展.这个功能主要结合窗口函数来使用:也可以在序列函数"NEXT VALUE FOR"使用.OVER子 ...