ASP.NET的Repeater控件-优快云博客

本文介绍了ASP.NET中Repeater控件的使用方法，包括ItemTemplate、AlternatingItemTemplate等模板的配置，通过示例展示了如何结合数据库查询结果，实现表格形式的数据展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Repeater控件

Repeater控件的用法类似于DataList控件，只不过它不能在一行显示多行数据，不过它可以让我们更灵活地控制数据的显示样式。如果Repeater控件中没有定义模版或者模版中没有定义要显示的数据的显示方式，那么在运行时该控件在页面上不会有任何显示。

Repeater服务器控件支持的模版有ItemTemplate、AlternatingItemTemplate、HeaderTemplate和FooterTemplate及SeparatorTemplate，这些模版的用法类似于DataList中对应的模版的用法。

下面是Repeater控件的用法的例子。

首先在页面中拖入一个Repeater控件，拖入Repeater控件之后页面的设计效果如下：

可以看出使用Repeater控件时没有办法在设计视图下编辑控件模版，要编辑控件模版需要切换到源视图。

在ADO.NET一节笔者展示了如何用Table来显示数据，具体做法是现在循环之前输出表头，然后在利用循环输出数据集合中的每条数据，最后在循环结束之后输出table的结束标记。如果在Repeater中想用Table的形式显示数据，我们的做法是如下：

先在HeaderTemplate模版中定义表头，然后在ItemTemplate模版或AlternatingItemTemplate模版中定义数据的每条数据的显示方式，最后在FooterTemplate模版中定义table的结束标记。

下面是前台代码：

HTML code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="RepeaterDemo.aspx.cs" Inherits="RepeaterDemo" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
    <title>Repeater服务器控件使用的例子</title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
        <asp:Repeater ID="Repeater1" runat="server"> 
        <HeaderTemplate> 
        <table border="1" cellpadding="0" cellspacing="0"> 
    <tr><td>编号</td><td>真实姓名</td><td>年龄</td><td>性别</td><td>手机</td><td>电话</td><td>电子邮件</td></tr> 
        </HeaderTemplate> 
        <ItemTemplate> 
        <tr><td><%#Eval("UserID") %></td><td><%#Eval("RealName") %></td><td><%#Eval("Age") %></td><td><%#bool.Parse(Eval("sex").ToString())?"男":"<font color='green'>女</font>" %></td><td><%#Eval("Mobile") %></td><td><%#Eval("Phone") %></td><td><%#Eval("Email") %></td></tr> 
        </ItemTemplate> 
        <AlternatingItemTemplate> 
        <tr><td><input type="text" readonly="readonly" value='<%#Eval("UserId") %>' size="2" /></td><td><%#Eval("RealName") %></td><td><%#Eval("Age") %></td><td><%#bool.Parse(Eval("sex").ToString())?"男":"<font color='green'>女</font>" %></td><td><%#Eval("Mobile") %></td><td><%#Eval("Phone") %></td><td><%#Eval("Email") %></td></tr> 
        </AlternatingItemTemplate> 
        <FooterTemplate> 
        </table> 
        </FooterTemplate> 
        </asp:Repeater> 
    </div> 
    </form> 
</body> 
</html>

下面是后台代码：

C# code

using System; 
using System.Data; 
using System.Configuration; 
using System.Collections; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Web.UI.HtmlControls; 
using System.Data.SqlClient; 
public partial class RepeaterDemo : System.Web.UI.Page 
{ 
    protected void Page_Load(object sender, EventArgs e) 
    { 
        //仅当页面不是由页面的服务器控件提交表单而导致的页面加载才会绑定数据 
        if (!Page.IsPostBack) 
        { 
            //实例化Connection对象 
            SqlConnection connection = new SqlConnection("Data Source=(local);Initial Catalog=AspNetStudy;Persist Security Info=True;User ID=sa;Password=sa"); 
            //实例化Command对象 
            string sql="select top 5 * from UserInfo order by UserID desc"; 
            SqlDataAdapter adapter = new SqlDataAdapter(sql, connection); 
            DataTable data = new DataTable(); 
            adapter.Fill(data); 
            Repeater1.DataSource = data; 
            Repeater1.DataBind(); 
        } 
    } 
}