Repeater
用法：1.绑定数据源： Repeater1.DataSource = context.Info;
Repeater1.DataBind();
2.造模板：
头模板：HeaderTemplate：只出现一次，一般是标题行
脚模板：FooterTemplate：只出现一次
项模板：ItemTemplate：根据数据源中数据的多少生成。
绑定数据：
1.Eval("Code"):绑定显示某一个字段
2.调用函数来显示数据
3.绑定主表中的字段：Nation1.Name
4.格式化显示数据：Eval("Birthday","{0:yyyy年MM月dd日}")
3.如何出现交替项
加一个交替项模板：AlternatingItemTemplate：用来交替显示数据，一般只需要改变样式。
webform web代码
<%@ 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 type="text/css"> * { margin:0px auto; padding:0px; } #menu { list-style:none; } .cd { float:left; 100px; height:30px; background-color:#FF66CC; font-size:13px; font-family:微软雅黑; text-align:center; line-height:30px; vertical-align:middle; color:white; border-right:1px solid black; } </style> </head> <body> <form id="form1" runat="server"> <div> <asp:Repeater ID="Repeater1" runat="server"> <HeaderTemplate> <table width="800" border="0" cellspacing="1" cellpadding="1" bgcolor="#6600FF"> <tr> <td width="120" height="30" align="center" valign="middle" bgcolor="#FFFFFF">代号</td> <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">姓名</td> <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">性别</td> <td width="120" align="center" valign="middle" bgcolor="#FFFFFF">民族</td> <td width="200" align="center" valign="middle" bgcolor="#FFFFFF">生日</td> </tr> </HeaderTemplate> <ItemTemplate> <tr> <td height="30" align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Code") %></td> <td align="center" valign="middle" bgcolor="#FFFFFF"><%#Eval("Name") %></td> <td align="center" valign="middle" bgcolor="#FFFFFF"><%#ShowSex()%></td> <td align="center" valign="middle" bgcolor="#FFFFFF"><%#ShowNation() %></td> <td align="center" valign="middle" bgcolor="#FFFFFF"><%#ShowBirthday()%></td> </tr> </ItemTemplate> <AlternatingItemTemplate> <tr> <td height="30" align="center" valign="middle" bgcolor="#66CC66"><%#Eval("Code") %></td> <td align="center" valign="middle" bgcolor="#66CC66"><%#Eval("Name") %></td> <td align="center" valign="middle" bgcolor="#66CC66"><%#ShowSex()%></td> <td align="center" valign="middle" bgcolor="#66CC66"><%#ShowNation() %></td> <td align="center" valign="middle" bgcolor="#66CC66"><%#ShowBirthday()%></td> </tr> </AlternatingItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater> <br /> <asp:Repeater ID="Repeater2" runat="server"> <HeaderTemplate> <u id="menu"> </HeaderTemplate> <FooterTemplate> </u> </FooterTemplate> <ItemTemplate> <li class="cd" bs="<%#Eval("Code") %>"><%#Eval("Name") %></li> </ItemTemplate> </asp:Repeater> </div> </form> </body> </html>
后台c#代码
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) { if (!IsPostBack) { TestDataContext context = new TestDataContext(); Repeater1.DataSource = context.Info; Repeater1.DataBind(); Repeater2.DataSource = context.Nation; Repeater2.DataBind(); } } public string ShowSex() { //return Convert.ToBoolean(Eval("Sex")) ? "男" : "女"; if (Convert.ToBoolean(Eval("Sex"))) { return "<mark>男</mark>"; } else { return "女"; } } public string ShowNation() { string nation = Eval("Nation").ToString(); TestDataContext context = new TestDataContext(); return context.Nation.Where(p=>p.Code == nation).First().Name; } public string ShowBirthday() { return Convert.ToDateTime( Eval("Birthday")).ToString("yyyy年MM月dd日"); } }