简介:
Repeater控件是Web 服务器控件中的一个容器控件,它使您可以从页的任何可用数据中创建出自定义列表。
Repeater 控件不具备内置的呈现功能,这表示用户必须通过创建模板为 Repeater 控件提供布局。当该页运行时,
Repeater 控件依次通过数据源中的记录为每个记录呈现一个项。
Repeater控件不具备内置的呈现功能,所以我们得用一些模板来实现他的数据呈现
下表描述了 Repeater 控件支持的模板。
模板属性 说明
ItemTemplate 包含要为数据源中每个数据项都要呈现一次的 HTML 元素和控件。有多少条数据就执行多少遍
AlternatingItemTemplate 通常,可以使用此模板为交替项创建不同的外观,例如指定一种与在 ItemTemplate 中指定的颜色不同的背景色。一行一个颜色
HeaderTemplate 在开始加载执行一遍
FooterTemplate 在最后加载执行一遍
如果Repeater控件没有指定数据源,它将不显示,如果指定的数据源中没有数据,那么头,脚模板将继续显示。
这个控件主要点:
1,对Repeater几个模板的理解
2,简单实用 Repeater控件实现数据读取以及呈现。
3,实现该控件的嵌套使用
4,实现数据分页
▲:表格展示数据
using System; using System.Collections.Generic; using System.Linq; using System.Web; /// <summary> /// Users 的摘要说明 /// </summary> public class Users { public Users() { // // TODO: 在此处添加构造函数逻辑 // } private string _UserName; /// <summary> /// 用户名 /// </summary> public string UserName { get { return _UserName; } set { _UserName = value; } } private string _PassWord; /// <summary> /// 密码 /// </summary> public string PassWord { get { return _PassWord; } set { _PassWord = value; } } private string _NickName; /// <summary> /// 昵称 /// </summary> public string NickName { get { return _NickName; } set { _NickName = value; } } private bool _Sex; /// <summary> /// 性别 /// </summary> public bool Sex { get { return _Sex; } set { _Sex = value; } } private DateTime _Birthday; /// <summary> /// 生日 /// </summary> public DateTime Birthday { get { return _Birthday; } set { _Birthday = value; } } private string _Nation; /// <summary> /// 民族 /// </summary> public string Nation { get { return _Nation; } set { _Nation = value; } } //定义性别为string类型的,显示时直接显示男或女,需扩展属性 public string Ssex //前台Eval时 输入的是 Ssex, { get//只读取显示出就可 { return _Sex ? "男" : "女"; } } //定义生日为string类型的,显示时直接显示....年..月..日 public string Birthday2 //前台Eval时 输入的是 Birthday2, { get//同上 { return _Birthday.ToString("yyyy年MM月dd日"); } } //在显示表时 显示出年龄 就要在前台加 Age列,现日期 减 生日 public string Age { get { return (DateTime.Now.Year - this.Birthday.Year).ToString(); } } public string red { get { string end = ""; if (Convert.ToInt32( Age) >= 16) { end = "background-color:red;";//不能写错 } return end; //大于等于16的数据 背景色变红 } } }
时间: 2024-10-26 06:41:38