隔行显示不同的背景
前台代码:
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5 <html xmlns="http://www.w3.org/1999/xhtml">
6 <head runat="server">
7 <title></title>
8 </head>
9 <body>
10 <form id="form1" runat="server">
11 <asp:Repeater ID="Repeater1" runat="server">
12 <ItemTemplate>
13 <div>学号:<%#Eval("学号") %> ,姓名:<%#Eval("姓名") %></div>
14 </ItemTemplate>
15 <AlternatingItemTemplate>
16 <div style="background-color:#f0f;">学号:<%#Eval("学号") %> ,姓名:<%#Eval("姓名") %></div>
17 </AlternatingItemTemplate>
18 </asp:Repeater>
19
20 </form>
21 </body>
22 </html>
23
24
Code
后台代码:
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif)
1 /*
2 * 创建人:牛腩
3 * 创建时间:2009-2-16 15:44:53
4 */
5 using System;
6 using System.Collections.Generic;
7 using System.Linq;
8 using System.Web;
9 using System.Web.UI;
10 using System.Web.UI.WebControls;
11 using System.Data;
12
13 public partial class _Default : System.Web.UI.Page
14 {
15 protected void Page_Load(object sender, EventArgs e)
16 {
17 if (!Page.IsPostBack)
18 {
19 Repeater1.DataSource = getDT();
20 Repeater1.DataBind();
21 }
22 }
23
24 protected DataTable getDT() {
25 DataTable dt = new DataTable();
26 dt.Columns.Add("学号", typeof(string));
27 dt.Columns.Add("姓名",typeof(string));
28
29 DataRow row = dt.NewRow();
30 row["学号"] = "001";
31 row["姓名"] = "赵一";
32 dt.Rows.Add(row);
33
34 row = dt.NewRow();
35 row["学号"] = "002";
36 row["姓名"] = "孙二";
37 dt.Rows.Add(row);
38
39 row = dt.NewRow();
40 row["学号"] = "003";
41 row["姓名"] = "王八";
42 dt.Rows.Add(row);
43 return dt;
44 }
45 }
46
47
d
dd