Repeater 实现分页、自行绑定数据，对Repeater 进行镶嵌使用
2006-11-02 22:36
1086 查看
Repeater控件是Web 服务器控件中的一个容器控件，它使您可以从页的任何可用数据中创建出自定义列表。Repeater 控件不具备内置的呈现功能，这表示用户必须通过创建模板为 Repeater 控件提供布局。当该页运行时，Repeater 控件依次通过数据源中的记录为每个记录呈现一个项。 他很简单,用起来也不够强大,但是应了那句老话,杀鸡焉用牛刀,不用牛刀那用什么呢?难道我们去把鸡咬死不成?而我们在日常应用中也常常面临这样的选择,假设我们显示教复杂的数据,可以用gridview,一般复杂的用DataList,那么简单的数据呈现呢？我们就用Repeater了，因为他简单，小巧，最主要是灵活． 我们上面说，他不具备内置的呈现功能，所以我们得用到一些模板来实现他的数据呈现．对了，说到呈现，我还得多句嘴，他没有给你添加静态项的功能，换句话说，他只跟数据库打交道，一般人他不跟你说话． 下表描述了 Repeater 控件支持的模板。模板属性 说明 ItemTemplate 包含要为数据源中每个数据项都要呈现一次的 HTML 元素和控件。 AlternatingItemTemplate 包含要为数据源中每个数据项都要呈现一次的 HTML 元素和控件。通常，可以使用此模板为交替项创建不同的外观，例如指定一种与在 ItemTemplate 中指定的颜色不同的背景色。 HeaderTemplate 和 FooterTemplate 包含在列表的开始和结束处分别呈现的文本和控件。 SeparatorTemplate 包含在每项之间呈现的元素。典型的示例可能是一条直线（使用 hr 元素）。 我们在这些模板里面定义好格式,当网页被呈现出来的时候就会比较漂亮了,当然你做得丑的话,那是不可能漂亮的了. 另外 Item 样版必须要定义如果Repeater控件没有指定数据源，它将不显示，如果指定的数据源中没有数据，那么头，脚模板将继续显示。 对于这个控件我们要讲的主要有以下几点 1，理解该控件的几个模板 2，简单实用 Repeater控件实现数据读取以及呈现。 3，实现该控件的镶套使用 4，实现数据分页（我博客上以前发布的是在repeater外面利用控件分页，但是总感觉不好看，这次我们把分页放到了页脚模板中，以使控件更为美观） 5，让我们的数据条目成为链接，也只有这样，他才是完整的.
===========================
前台
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="repeart2.aspx.cs" Inherits="repeart_repeart2" %>
<%@ Import Namespace="System.Data" %>
<!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>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
Repeater 实现分页、自行绑定数据（不用数据源）<br />
对Repeater 进行镶嵌使用.<br />
<br />
<asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
<HeaderTemplate>
<table>
<tr>
<td>
作者
</td>
<td>
书籍
</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<a href="repeart1.aspx"><%# Eval("au_lname") %></a>
</td>
<td>
<%--这里是第二个Repeater,放在第一个Repeater的 ItemTemplate 中。--%>
<asp:Repeater ID="Repeater2" runat="server" datasource='<%# Eval("myrela") %>'>
<ItemTemplate>
<%-- 注意这里的写法 --%>
<%# Eval("[\"title_id\"]")%><br>
</ItemTemplate>
</asp:Repeater>
</td>
</tr>
</ItemTemplate>
<SeparatorTemplate>
<tr>
<td colspan="2">
<hr size="1pt" />
</td>
</tr>
</SeparatorTemplate>
<FooterTemplate>
<tr>
<td colspan="2">
共 <asp:Label ID="lblpTotal" runat="server" Text="Label"></asp:Label> 页 当前为第 <asp:Label ID="lblpCurrent" runat="server" Text="Label"></asp:Label> 页
<asp:HyperLink ID="hlfirst" runat="server" Text="首页"></asp:HyperLink>
<asp:HyperLink ID="hlup" runat="server" Text="上一页"></asp:HyperLink>
<asp:HyperLink ID="hlnext" runat="server" Text="下一页"></asp:HyperLink>
<asp:HyperLink ID="hllast" runat="server" Text="末页"></asp:HyperLink>
</td>
</tr>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>
=============================================
后台；
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 repeart_repeart2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
this.Repeater1.DataSource = pds();
this.Repeater1.DataBind();
}
}
public PagedDataSource pds()
{
//string connstring = ConfigurationManager.ConnectionStrings["Pubs"].ConnectionString;
////声明一个字符串,后面随时可以用
//SqlConnection con = new SqlConnection(connstring);
////初始化连接
//SqlDataAdapter sda = new SqlDataAdapter("select * from authors", con);
////初始化一个SqlDataAdapter,并给出查询语句
//DataSet ds = new DataSet();
////初始化一个DataSet
//sda.Fill(ds, "name");
////将上面查询到的数据填充到name表中
//SqlDataAdapter sda2 = new SqlDataAdapter("select * from titleauthor", con);
////同上
//sda2.Fill(ds, "title");
////同上
//ds.Relations.Add("myrela", ds.Tables["name"].Columns["au_id"], ds.Tables["title"].Columns["au_id"]);
////为上面建立的两个表创建一个关系,指明父列和子列的名称并为他们的关系命名,前面将会用到
string connstring=ConfigurationManager.ConnectionStrings["pubs"].ConnectionString;
SqlConnection con = new SqlConnection(connstring);
SqlDataAdapter sda = new SqlDataAdapter("select * from authors",con);
DataSet ds = new DataSet();
sda.Fill(ds,"name");
SqlDataAdapter sda2 = new SqlDataAdapter("select * from titleauthor",con);
sda2.Fill(ds,"title");
ds.Relations.Add("myrela",ds.Tables["name"].Columns["au_id"],ds.Tables["title"].Columns["au_id"]);
//PagedDataSource pds = new PagedDataSource();
////初始化一个PagedDataSource，允许控件分页
//pds.DataSource = ds.Tables["name"].DefaultView;
////将上面的ds转换成标准数据视图
//pds.AllowPaging = true;
////允许分页
//pds.PageSize = 5;
////每页大小为5
//pds.CurrentPageIndex = Convert.ToInt32(Request.QueryString["page"]);
////设置当前页
//return pds;
////将处理完毕的pds对象发出去
PagedDataSource pds = new PagedDataSource();
pds.DataSource = ds.Tables["name"].DefaultView;
pds.AllowPaging = true;
pds.PageSize = 5;
pds.CurrentPageIndex = Convert.ToInt32(Request.QueryString["page"]);
return pds;
}
protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if(e.Item.ItemType==ListItemType.Footer)
{
//int n = pds().PageCount;//将分页总数赋给变量n
//int i = pds().CurrentPageIndex;//将当前分页码赋给i
//Label lblpc = (Label)e.Item.FindControl("lblpc");
//lblpc.Text = n.ToString();
////找到lblpc这个Label，将总页码赋给他
//Label lblp = (Label)e.Item.FindControl("lblp");
//lblp.Text = Convert.ToString(pds().CurrentPageIndex + 1);
////找到lblp这个Label，将当前页码赋给他，但是注意，因为页码从0开始，这里要直观的话就得加1
//HyperLink hlfir = (HyperLink)e.Item.FindControl("hlfir");
//hlfir.NavigateUrl = "?page=0";
//HyperLink hlla = (HyperLink)e.Item.FindControl("hlla");
//hlla.NavigateUrl = "?page=" + Convert.ToInt32(n - 1);
////找到表示最前页和末页的Label，为他们的NavigateUrl属性赋为第0页和最大页码减1
//HyperLink hlp = (HyperLink)e.Item.FindControl("hlp");
//HyperLink hln = (HyperLink)e.Item.FindControl("hln");
//ssssssssssssssssssss
int n = pds().PageCount; //分页总数
int i = pds().CurrentPageIndex;//当前页码
//下两行是总页数
Label lblpTotal = (Label)e.Item.FindControl("lblpTotal");
lblpTotal.Text = n.ToString();
//下两行是当前页码
Label lblpCurrent = (Label)e.Item.FindControl("lblpCurrent");
lblpCurrent.Text = Convert.ToString(pds().CurrentPageIndex + 1);//页码从0开始
//首页,尾页
HyperLink hlfirst = (HyperLink)e.Item.FindControl("hlfirst");
hlfirst.NavigateUrl = "?page=0";
HyperLink hllast = (HyperLink)e.Item.FindControl("hllast");
hllast.NavigateUrl = "?page=" + Convert.ToInt32(n-1);
//注意,这里先申明一下.
HyperLink hlup = (HyperLink)e.Item.FindControl("hlup");
HyperLink hlnext = (HyperLink)e.Item.FindControl("hlnext");
//找到表示上页和下页这两个控件
if (i <= 0)
{//如果当前页已经是第0页
hlup.Enabled = false;
hlfirst.Enabled = false;
hlnext.Enabled = true;
}
else
{
hlup.NavigateUrl = "?page=" + Convert.ToInt32(i - 1);
}
if (i > n - 2)
{//如果当前项已经是最末页
hlnext.Enabled = false;
hllast.Enabled = false;
hlup.Enabled = true;
}
else
{
hlnext.NavigateUrl = "?page=" + Convert.ToInt32(i + 1);
}
}
}
}
===========================
前台
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="repeart2.aspx.cs" Inherits="repeart_repeart2" %>
<%@ Import Namespace="System.Data" %>
<!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>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
Repeater 实现分页、自行绑定数据（不用数据源）<br />
对Repeater 进行镶嵌使用.<br />
<br />
<asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
<HeaderTemplate>
<table>
<tr>
<td>
作者
</td>
<td>
书籍
</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr>
<td>
<a href="repeart1.aspx"><%# Eval("au_lname") %></a>
</td>
<td>
<%--这里是第二个Repeater,放在第一个Repeater的 ItemTemplate 中。--%>
<asp:Repeater ID="Repeater2" runat="server" datasource='<%# Eval("myrela") %>'>
<ItemTemplate>
<%-- 注意这里的写法 --%>
<%# Eval("[\"title_id\"]")%><br>
</ItemTemplate>
</asp:Repeater>
</td>
</tr>
</ItemTemplate>
<SeparatorTemplate>
<tr>
<td colspan="2">
<hr size="1pt" />
</td>
</tr>
</SeparatorTemplate>
<FooterTemplate>
<tr>
<td colspan="2">
共 <asp:Label ID="lblpTotal" runat="server" Text="Label"></asp:Label> 页 当前为第 <asp:Label ID="lblpCurrent" runat="server" Text="Label"></asp:Label> 页
<asp:HyperLink ID="hlfirst" runat="server" Text="首页"></asp:HyperLink>
<asp:HyperLink ID="hlup" runat="server" Text="上一页"></asp:HyperLink>
<asp:HyperLink ID="hlnext" runat="server" Text="下一页"></asp:HyperLink>
<asp:HyperLink ID="hllast" runat="server" Text="末页"></asp:HyperLink>
</td>
</tr>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</form>
</body>
</html>
=============================================
后台；
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 repeart_repeart2 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!Page.IsPostBack)
{
this.Repeater1.DataSource = pds();
this.Repeater1.DataBind();
}
}
public PagedDataSource pds()
{
//string connstring = ConfigurationManager.ConnectionStrings["Pubs"].ConnectionString;
////声明一个字符串,后面随时可以用
//SqlConnection con = new SqlConnection(connstring);
////初始化连接
//SqlDataAdapter sda = new SqlDataAdapter("select * from authors", con);
////初始化一个SqlDataAdapter,并给出查询语句
//DataSet ds = new DataSet();
////初始化一个DataSet
//sda.Fill(ds, "name");
////将上面查询到的数据填充到name表中
//SqlDataAdapter sda2 = new SqlDataAdapter("select * from titleauthor", con);
////同上
//sda2.Fill(ds, "title");
////同上
//ds.Relations.Add("myrela", ds.Tables["name"].Columns["au_id"], ds.Tables["title"].Columns["au_id"]);
////为上面建立的两个表创建一个关系,指明父列和子列的名称并为他们的关系命名,前面将会用到
string connstring=ConfigurationManager.ConnectionStrings["pubs"].ConnectionString;
SqlConnection con = new SqlConnection(connstring);
SqlDataAdapter sda = new SqlDataAdapter("select * from authors",con);
DataSet ds = new DataSet();
sda.Fill(ds,"name");
SqlDataAdapter sda2 = new SqlDataAdapter("select * from titleauthor",con);
sda2.Fill(ds,"title");
ds.Relations.Add("myrela",ds.Tables["name"].Columns["au_id"],ds.Tables["title"].Columns["au_id"]);
//PagedDataSource pds = new PagedDataSource();
////初始化一个PagedDataSource，允许控件分页
//pds.DataSource = ds.Tables["name"].DefaultView;
////将上面的ds转换成标准数据视图
//pds.AllowPaging = true;
////允许分页
//pds.PageSize = 5;
////每页大小为5
//pds.CurrentPageIndex = Convert.ToInt32(Request.QueryString["page"]);
////设置当前页
//return pds;
////将处理完毕的pds对象发出去
PagedDataSource pds = new PagedDataSource();
pds.DataSource = ds.Tables["name"].DefaultView;
pds.AllowPaging = true;
pds.PageSize = 5;
pds.CurrentPageIndex = Convert.ToInt32(Request.QueryString["page"]);
return pds;
}
protected void Repeater1_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if(e.Item.ItemType==ListItemType.Footer)
{
//int n = pds().PageCount;//将分页总数赋给变量n
//int i = pds().CurrentPageIndex;//将当前分页码赋给i
//Label lblpc = (Label)e.Item.FindControl("lblpc");
//lblpc.Text = n.ToString();
////找到lblpc这个Label，将总页码赋给他
//Label lblp = (Label)e.Item.FindControl("lblp");
//lblp.Text = Convert.ToString(pds().CurrentPageIndex + 1);
////找到lblp这个Label，将当前页码赋给他，但是注意，因为页码从0开始，这里要直观的话就得加1
//HyperLink hlfir = (HyperLink)e.Item.FindControl("hlfir");
//hlfir.NavigateUrl = "?page=0";
//HyperLink hlla = (HyperLink)e.Item.FindControl("hlla");
//hlla.NavigateUrl = "?page=" + Convert.ToInt32(n - 1);
////找到表示最前页和末页的Label，为他们的NavigateUrl属性赋为第0页和最大页码减1
//HyperLink hlp = (HyperLink)e.Item.FindControl("hlp");
//HyperLink hln = (HyperLink)e.Item.FindControl("hln");
//ssssssssssssssssssss
int n = pds().PageCount; //分页总数
int i = pds().CurrentPageIndex;//当前页码
//下两行是总页数
Label lblpTotal = (Label)e.Item.FindControl("lblpTotal");
lblpTotal.Text = n.ToString();
//下两行是当前页码
Label lblpCurrent = (Label)e.Item.FindControl("lblpCurrent");
lblpCurrent.Text = Convert.ToString(pds().CurrentPageIndex + 1);//页码从0开始
//首页,尾页
HyperLink hlfirst = (HyperLink)e.Item.FindControl("hlfirst");
hlfirst.NavigateUrl = "?page=0";
HyperLink hllast = (HyperLink)e.Item.FindControl("hllast");
hllast.NavigateUrl = "?page=" + Convert.ToInt32(n-1);
//注意,这里先申明一下.
HyperLink hlup = (HyperLink)e.Item.FindControl("hlup");
HyperLink hlnext = (HyperLink)e.Item.FindControl("hlnext");
//找到表示上页和下页这两个控件
if (i <= 0)
{//如果当前页已经是第0页
hlup.Enabled = false;
hlfirst.Enabled = false;
hlnext.Enabled = true;
}
else
{
hlup.NavigateUrl = "?page=" + Convert.ToInt32(i - 1);
}
if (i > n - 2)
{//如果当前项已经是最末页
hlnext.Enabled = false;
hllast.Enabled = false;
hlup.Enabled = true;
}
else
{
hlnext.NavigateUrl = "?page=" + Convert.ToInt32(i + 1);
}
}
}
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用Repeater控件实现数据绑定
- ASP.NET Repeater绑定数据并实现分页
- ASP.NET Repeater绑定数据并实现分页
- vuejs2.0实现分页组件，使用$emit进行事件监听数据传递
- ASP.NET使用ListView数据绑定控件和DataPager实现数据分页显示（二）
- ASP.NET使用ListView数据绑定控件和DataPager实现数据分页显示（一）
- vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
- 关于使用asp.net 的分页显示数据。Repeater绑定数据后的分页显示。
- 使用Repeater实现自定义多列数据绑定
- 使用 AJAX，局部刷新 GridView 进行数据绑定的简单实现
- Android采用ListView实现数据列表显示2-使用SimpleAdapter进行数据绑定
- asp.net中使用分页控件，并绑定数据到GridView或Repeater
- 使用 AJAX，局部刷新 GridView 进行数据绑定的简单实现
- (转贴)使用Repeater实现自定义多列数据绑定
- ASP.NET Repeater绑定数据并实现分页
- Reapter使用table绑定数据，使用AspNetPager进行分页
- Asp.net使用jQuery实现Gridview, Repeater异步绑定数据
- vuejs2.0实现分页组件，使用$emit进行事件监听数据传递
- Android采用ListView实现数据列表显示1-使用SimpleCursorAdapter进行数据绑定
- Asp.net使用jQuery实现数据绑定与分页